1381966 - Spellcheck menu loses selection with :hover will-change transform set on parent

Status: UNCONFIRMED

(Core :: Spelling checker, defect, P3)

Description

[matthew.heidemann]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce:

Example:
https://jsfiddle.net/3qp97r8s/6/

1. Click into the textarea
2. Right click on the misspelled 'yield' word to bring the spellchecker menu.
3. Select the 'yield' option in the context menu





Actual results:

Actual: Nothing happens on selection

It appears that if a root element is loses the :hover state (will-change: transform) when mouse goes over the context menu and on selection immediately receives the :hover state but loses the spellcheck selection/update. 

The same situation happens if you press the "undo" option if you made changes but the "paste" option works fine.

On Safari 10 and Chrome 59, the context menu does not appear to lose the :hover pseudo class so there is no toggling of will-change: transform hint.


Expected results:

Expected: The textarea to update 'yeild' to 'yield'.