See discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1488228 Spec change: https://github.com/whatwg/html/pull/3934/commits/4363a9406003c7e525453eaf5e2ddca9b222bd04 Test: https://github.com/web-platform-tests/wpt/pull/12811
Safari Technology Preview 154 is still failing: Live Test Link - http://wpt.live/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/legend-align-text-align.html Live Test Link - http://wpt.live/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/legend-align.html ______ https://wpt.fyi/results/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements?label=master&label=experimental&aligned&view=subtest&q=legend-align.html https://wpt.fyi/results/html/rendering/non-replaced-elements/the-fieldset-and-legend-elements?label=master&label=experimental&aligned&view=subtest&q=legend-align-text-align
(In reply to Ahmad Saleem from comment #1) > Safari Technology Preview 154 is still failing: > > Live Test Link - > http://wpt.live/html/rendering/non-replaced-elements/the-fieldset-and-legend- > elements/legend-align-text-align.html > > Live Test Link - > http://wpt.live/html/rendering/non-replaced-elements/the-fieldset-and-legend- > elements/legend-align.html > > ______ > > https://wpt.fyi/results/html/rendering/non-replaced-elements/the-fieldset- > and-legend- > elements?label=master&label=experimental&aligned&view=subtest&q=legend-align. > html > > https://wpt.fyi/results/html/rendering/non-replaced-elements/the-fieldset- > and-legend- > elements?label=master&label=experimental&aligned&view=subtest&q=legend-align- > text-align Does by adding these UA Stylesheet rules, which we are missing, will fix these: https://html.spec.whatwg.org/multipage/rendering.html#the-fieldset-and-legend-elements ``` legend[align=left i] { justify-self: left; } legend[align=center i] { justify-self: center; } legend[align=right i] { justify-self: right; } ``` https://github.com/WebKit/WebKit/blob/main/Source/WebCore/css/html.css#L380