react-ui
react-ui copied to clipboard
Refactor subgrid workarounds once it's supported in necessary browsers
Once supported:
- form fields in
FormLayoutcan use subgrid instead ofdisplay: contentswith two mandatorydivs, CheckboxFieldandTogglecan reflectlabelPosition="before"insideFormLayout.
UPDATE September 2023: subgrid is now supported in all major browsers including Chrome joining as last in August's version 117. However, there is some fieldset/legend magic that prevents subgrid from being used on <fieldset> element (as per the spec (sic!), the magic adds an additional virtual box which breaks the subgrid).
As a result, subgrid cannot be used on <fieldset> elements until the following Chrome issue is resolved:
https://bugs.chromium.org/p/chromium/issues/detail?id=1473242