@stacksjs/defaults 0.75.23 → 0.75.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/ide/vscode/package.json
CHANGED
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@stacksjs/defaults",
|
|
3
3
|
"type": "module",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "0.75.
|
|
5
|
+
"version": "0.75.24",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/stacksjs/stacks.git",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@iconify-json/f7": "^1.2.2",
|
|
57
57
|
"@iconify-json/hugeicons": "^1.2.27",
|
|
58
|
-
"@stacksjs/mobile": "^0.75.
|
|
58
|
+
"@stacksjs/mobile": "^0.75.24",
|
|
59
59
|
"@stacksjs/sanitizer": "^0.2.113",
|
|
60
60
|
"ts-qr-codes": "^0.1.8"
|
|
61
61
|
}
|
|
@@ -29,7 +29,7 @@ describe('Native components', () => {
|
|
|
29
29
|
it('backs out through history, and sticks within the page rather than its wrapper', () => {
|
|
30
30
|
const bar = read('NativeNavBar')
|
|
31
31
|
expect(bar).toContain('if (goBack()) event.preventDefault()')
|
|
32
|
-
expect(bar).toContain('.native-nav { display: contents; }')
|
|
32
|
+
expect(bar).toContain('[data-stx-scope]:has(> .native-nav) { display: contents; }')
|
|
33
33
|
expect(bar).toContain("useReactiveProp<string>('title', '')")
|
|
34
34
|
})
|
|
35
35
|
|
|
@@ -38,8 +38,8 @@ function tapBack(event: MouseEvent): void {
|
|
|
38
38
|
}
|
|
39
39
|
</script>
|
|
40
40
|
|
|
41
|
-
<!-- `display: contents` on
|
|
42
|
-
parent, and
|
|
41
|
+
<!-- `display: contents` on this box and on stx's own wrapper: a sticky element
|
|
42
|
+
sticks within its parent, and either box would give the bar no room. -->
|
|
43
43
|
<div class="native-nav" data-native-nav-bar>
|
|
44
44
|
<header :class="barClass()">
|
|
45
45
|
<div class="native-nav-side">
|
|
@@ -63,7 +63,11 @@ function tapBack(event: MouseEvent): void {
|
|
|
63
63
|
</div>
|
|
64
64
|
|
|
65
65
|
<style>
|
|
66
|
-
|
|
66
|
+
/* The element stx wraps each component in is a box too, as tall as the bar
|
|
67
|
+
and its title; the bar stuck inside it and scrolled away with the title.
|
|
68
|
+
Both boxes step aside so the bar sticks to the page. */
|
|
69
|
+
.native-nav,
|
|
70
|
+
[data-stx-scope]:has(> .native-nav) { display: contents; }
|
|
67
71
|
|
|
68
72
|
.native-nav-bar {
|
|
69
73
|
position: sticky;
|