Wrapper components currently either have the default display (inline), or when using setHostDisplay: true, have it be set to whatever the root element is.
This is done because support for display: contents is partial at the moment, with Edge and IE not supporting it at all, and Safari and all Chromium-based browsers having accessibility issues.
This should be further explored, and use CSS.supports() to do use display: contents when available if possible.
Wrapper components currently either have the default
display(inline), or when usingsetHostDisplay: true, have it be set to whatever the root element is.This is done because support for
display: contentsis partial at the moment, with Edge and IE not supporting it at all, and Safari and all Chromium-based browsers having accessibility issues.This should be further explored, and use
CSS.supports()to do usedisplay: contentswhen available if possible.