| Summary: | Draggable attribute on DOM node breaks On This Page highlighting | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Steve Dignam <steve> | ||||
| Component: | DOM | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | megan_gardner, thorton, webkit-bug-importer, wenson_hsieh | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 15 | ||||||
| Hardware: | iPhone / iPad | ||||||
| OS: | iOS 15 | ||||||
| Attachments: |
|
||||||
Also On This Page has the option to navigate up or down the page, and navigating up finds the first element, but not the second, and navigating down finds neither element. This is likely due to how adding the `draggable` attribute additionally applies `-webkit-user-select: none;` as presentational CSS. A workaround might be to apply `-webkit-user-select: text;` separately (e.g. as an inline style), which would override the presentational property. |
Created attachment 448031 [details] minimal reproducible example showing how draggable=true breaks the search feature When adding the draggable=true attribute to a DOM node, the text of the node is no longer searchable using iOS Safari's On This Page feature. On This Page will correctly count the results, but navigating between the results won't highlight any results nested inside a DOM node marked with draggable=true.