Skip to content

Conversation

@r100-stack
Copy link
Contributor

@r100-stack r100-stack commented Jul 29, 2025

Changes

Fixes #2564, at least indirectly.

This PR follows the suggestion of adding hover styles only when hover is supported by the input mechanism.

Testing

Confirmed in the iPad simulator that the hover styles no longer show up in the sandbox from #2564.

Temporarily commented out the Tree hover test since it doesn't trigger the hover correctly, or something along those lines (#2618 (comment)). Added a TODO to investigate this later.

Docs

Added css and react patch changesets.

@r100-stack r100-stack self-assigned this Jul 29, 2025
@r100-stack r100-stack marked this pull request as ready for review July 29, 2025 20:33
@r100-stack r100-stack requested a review from a team as a code owner July 29, 2025 20:33
@r100-stack r100-stack requested review from mayank99 and rroyb and removed request for a team July 29, 2025 20:33
color: var(--iui-color-text-hover);

.iui-tree-node-content-caption {
@media (any-hover: hover) {
Copy link
Contributor Author

@r100-stack r100-stack Jul 30, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mayank99 Any idea why the hover is not showing up in the css-workshop test images and thus why the css-workshop tests are failing (run)?

image

I tested in the desktop browser that the hover styles still work. Does it have something to do with the device used in the backstop tests?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No idea. We have run into issues with hover queries in css-workshop before, but haven't figured out why it happens or if there is a workaround.

Maybe for this PR we can delete the hover visual test.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ohh, I see. Commented out that test with a TODO to investigate this later (c03f50c).

@r100-stack r100-stack enabled auto-merge (squash) July 31, 2025 18:44
@r100-stack r100-stack merged commit 3f86ebd into main Jul 31, 2025
18 of 19 checks passed
@r100-stack r100-stack deleted the r/tree-hover-styles-only-when-supported branch July 31, 2025 18:51
@imodeljs-admin imodeljs-admin mentioned this pull request Jul 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Tree: grey background moves while scrolling on iOS virtualized tree

3 participants