Feature: Add revert
Prop to Reverse Pane Order
#229
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This pull request introduces a new
revert
prop to the splitpanes component. When enabled, the component reverses the order of its panes (e.g., from[1, 2, 3]
to[3, 2, 1]
), providing developers with an easy way to alter the layout without needing to restructure the markup manually.Background
Previous attempts to invert the pane order using only CSS proved insufficient because the pane resize calculations were not inverted accordingly. This discrepancy led to incorrect behavior during resize operations, as detailed in issues #216 and #148.
Key Changes
revert
, defaulting tofalse
.revert
prop. When true, it reverses the order of the slot children.splitpanes--reverse
CSS class to indicate the reversed state, which can be used for additional styling if necessary.These changes are opt-in and maintain backward compatibility. Please review the modifications and merge if they meet the project requirements.
Fix #216
Fix #148