Enhance webflo elements

ox-harris · ox-harris · commit 96d6d91e3863 · 2026-02-06T13:23:35.000+01:00
diff --git a/src/webflo-runtime/webflo-client/webflo-elements.js b/src/webflo-runtime/webflo-client/webflo-elements.js
@@ -1074,19 +1074,19 @@ export class ModalElement extends BaseElement {
 
             /* ----------- swipe-dismiss ----------- */
             
-            :host(._swipe-dismiss:not(._horz)) {
+            :host(:not(._horz)) {
                 --swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-height) - var(--minmax-length)));
             }
 
-            :host(._swipe-dismiss._horz) {
+            :host(._horz) {
                 --swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-width) - var(--minmax-length)));
             }
 
-            :host(._swipe-dismiss:not(._top:not(._horz), ._left._horz)) {
+            :host(:not(._top:not(._horz), ._left._horz)) {
                 --swipe-dismiss-progress-range: 0% var(--swipe-dismiss-length);
             }
 
-            :host(._swipe-dismiss:is(._top:not(._horz), ._left._horz)) {
+            :host(:is(._top:not(._horz), ._left._horz)) {
                 --swipe-dismiss-progress-range:
                     calc(100% - var(--swipe-dismiss-length))
                     100%;
@@ -1322,7 +1322,7 @@ export class ModalElement extends BaseElement {
                 --scroll-snap-end: start;
             }
 
-            .view(:not(._horz)) {
+            :host(:not(._horz)) .view {
                 scroll-snap-type: y mandatory;
             }
 

Original file line number	Diff line number	Diff line change
`@@ -1074,19 +1074,19 @@ export class ModalElement extends BaseElement {`
`1074`	`1074`
`1075`	`1075`	`/* ----------- swipe-dismiss ----------- */`
`1076`	`1076`
`1077`		`- :host(._swipe-dismiss:not(._horz)) {`
	`1077`	`+ :host(:not(._horz)) {`
`1078`	`1078`	`--swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-height) - var(--minmax-length)));`
`1079`	`1079`	`}`
`1080`	`1080`
`1081`		`- :host(._swipe-dismiss._horz) {`
	`1081`	`+ :host(._horz) {`
`1082`	`1082`	`--swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-width) - var(--minmax-length)));`
`1083`	`1083`	`}`
`1084`	`1084`
`1085`		`- :host(._swipe-dismiss:not(._top:not(._horz), ._left._horz)) {`
	`1085`	`+ :host(:not(._top:not(._horz), ._left._horz)) {`
`1086`	`1086`	`--swipe-dismiss-progress-range: 0% var(--swipe-dismiss-length);`
`1087`	`1087`	`}`
`1088`	`1088`
`1089`		`- :host(._swipe-dismiss:is(._top:not(._horz), ._left._horz)) {`
	`1089`	`+ :host(:is(._top:not(._horz), ._left._horz)) {`
`1090`	`1090`	`--swipe-dismiss-progress-range:`
`1091`	`1091`	`calc(100% - var(--swipe-dismiss-length))`
`1092`	`1092`	`100%;`
`@@ -1322,7 +1322,7 @@ export class ModalElement extends BaseElement {`
`1322`	`1322`	`--scroll-snap-end: start;`
`1323`	`1323`	`}`
`1324`	`1324`
`1325`		`- .view(:not(._horz)) {`
	`1325`	`+ :host(:not(._horz)) .view {`
`1326`	`1326`	`scroll-snap-type: y mandatory;`
`1327`	`1327`	`}`
`1328`	`1328`