microsoft / design-to-code

A system of development tools, and utilities used à la carte or as a suite to build enterprise-grade websites and applications.
MIT License
24 stars 6 forks source link

Investigate HTMLRenderLayerNavigation behavior with zero size elements #75

Closed williamw2 closed 3 years ago

williamw2 commented 3 years ago

Description

The Fluent Dialog component is composed of a zero height parent element with "position:fixed" children. When the dialog component is selected this results in the highlighted region being a single line and not highlighting all of the child elements.

Investigate with Chris Holt if this is the intended behavior of the Fluent Dialog component and see if there is a better way for the Navigation component to handle similar scenarios.

williamw2 commented 3 years ago

This is a symptom of a larger question: How to represent the position of elements that are not visible? This applies to components with a zero-size parent that is positioning child elements (Fluent Dialog) as well as parents with hidden children (highlighting an