Skip to content

[Bug]: Tile Manager dragging causes text selection highlight in other tiles in Safari #2244

Description

@damyanpetev

Which component(s) are affected?

Tile Manager

Description

In Safari, dragging a tile around causing range text selection highlights across other tiles' content:
Image

NOTE: This might very well be a quirk/issue on Safari's side with dragging, haven't checked specifically.

Reproduction

Open https://igniteui.github.io/igniteui-webcomponents/?path=/story/tilemanager--default in Safari
Mode: either tile-header or tile, both repro
Drag a tile around and observe the text selection

Workaround

Adding

igc-tile {
-webkit-user-select: none;
}

does the trick, but that's not ideal being permanent, would much prefer if the component handles that OOB perhaps dynamically if needed.
Still a bit icky, considering that's just Safari and not baseline prop CSS on top :/ Maybe collapse/remove through JS as last resort?

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

7.2.*

Browser/OS/Node environment

Browser: Safari Version 26.5 (21624.2.5.11.4)
OS: macOS Tahoe Version 26.5.1 (25F80)

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions