Buttons inside the Selection should not highlight its text/content




4 months ago
4 months ago


(Reporter: rcaliman, Unassigned)


Firefox Tracking Flags

(Not tracked)



(2 attachments)

Button elements are not user-selectable by default.

But when using the programmatic approach with Selection.selectAllChildren(), button elements do get a selection highlight even when explicitly asked to be ignored with CSS -moz-user-select: none.

Google Chrome seems to respect this and does not highlight button elements as selected. This is likely a Gecko implementation issue.

See attached HTML file with test case.

A video demo using the attached test case file showing that Google Chrome ignores both manual and programmatic user selection of button elements.

Additionally, Chrome prevents selection on all elements with CSS user-select: none. Firefox still shows the selection highlight (though it does not copy the highlighted content to the clipboard, as expected).

Priority: -- → P3
No longer blocks: 1538648
See Also: → 1538648

The -moz-user-select property controls only what content the user can select.
It doesn't restrict what script can do, so there's no Selection bug here.

Whether or not the button text should be highlighted when it's inside
the Selection is a different matter.

Component: Selection → Layout: Form Controls
Summary: Selection.selectAllChildren() highlights button elements even with -moz-user-select: none → Buttons inside the Selection should not highlight its text/content

The component has been changed since the priority was decided, so we're resetting it.
For more information, please visit auto_nag documentation.

Priority: P3 → --
You need to log in before you can comment on or make changes to this bug.