Skip to content

Commit 506b896

Browse files
authored
fix: master-detail-layout split mode view transition in RTL (#9959)
1 parent 9bf3931 commit 506b896

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

packages/master-detail-layout/src/styles/vaadin-master-detail-layout-transition-base-styles.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -88,7 +88,14 @@ export const masterDetailLayoutTransitionStyles = css`
8888
::view-transition-new(vaadin-mdl-master),
8989
::view-transition-old(vaadin-mdl-master) {
9090
object-fit: none;
91-
object-position: max(0%, var(--_vaadin-mdl-dir-multiplier) * -100%) 0;
91+
object-position: 0% 0;
92+
width: 100%;
93+
height: 100%;
94+
}
95+
96+
:dir(rtl)::view-transition-new(vaadin-mdl-master),
97+
:dir(rtl)::view-transition-old(vaadin-mdl-master) {
98+
object-position: 100% 0;
9299
}
93100
94101
::view-transition-new(vaadin-mdl-master.stack-remove),

0 commit comments

Comments
 (0)