clay
clay copied to clipboard
Mouse hover state is evaluated outside the container of elements in the Clay Debug Tools
- Open the Clay - UI Layout Library website and enable Clay Debug Tools by pressing 'd.'
- To make the issue more noticeable, scroll the debug view so that "LandingPage1Desktop" is the element at the top of the view.
- Move the mouse cursor down so that it moves into the Layout Config section.
Bug: Elements in the viewport will be highlighted, and they are positioned in their relative positions as if the Layout Config section wasn't being rendered. If you click on one of the elements effectively behind Layout Config, the selected element will change.
Expected: The hover state tracking would be limited to just the top section of the debug view and the Layout Config view would take priority when it is the view container under the mouse cursor. This means that mouse events, like mouse click, should be trapped by Layout Config.
Note: There seems to be some slight difference in behavior when the Native HTML Renderer or the Canvas Renderer is used.