You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Recently came upon a case where in a flex container I'm using order to manipulate an order-modified-document-order but then markers/counters are rendered useless since they use the document source order.
How about a property that can be set on the parent of the list items which calculates the "list order"? Maybe something like a list-order: modified?
The text was updated successfully, but these errors were encountered:
order is only supposed to be used for layout, not for "sorting" or anything that changes the intended reading order of content:
Authors must use order only for visual, not logical, reordering of content. Style sheets that use order to perform logical reordering are non-conforming.
If you want a solution to make it easier to re-order a list in a way that actually re-orders it from a (possibly flattened) DOM perspective, you need to take it up with HTML/DOM. E.g., see whatwg/dom#586 for one proposal.
Can't say I completely agree for all cases, but I do understand the motivations.
The problem with this is that the re-ordering isn't reflected in the accessibility tree or in the navigation order: CSS deliberately forbids this, since the point of this property was to create a divergence between the visual positioning and logical ordering of the elements.* Our continued position is that semantic ordering belongs in the source. - @fantasai - whatwg/dom#586
https://drafts.csswg.org/css-lists-3/
https://drafts.csswg.org/css-counter-styles-3/
Recently came upon a case where in a flex container I'm using
order
to manipulate an order-modified-document-order but then markers/counters are rendered useless since they use the document source order.How about a property that can be set on the parent of the list items which calculates the "list order"? Maybe something like a
list-order: modified
?The text was updated successfully, but these errors were encountered: