@stacksjs/defaults 0.75.146 → 0.75.147

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.
@@ -2,7 +2,7 @@
2
2
  "publisher": "Stacks",
3
3
  "name": "vscode-stacks",
4
4
  "displayName": "Stacks",
5
- "version": "0.75.146",
5
+ "version": "0.75.147",
6
6
  "description": "Stacks, built into VS Code: stx templates, pickier linting and formatting, encrypted env files, the dev server preview and every buddy command. No other extensions required.",
7
7
  "license": "MIT",
8
8
  "funding": "https://github.com/sponsors/chrisbbreuer",
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.146",
5
+ "version": "0.75.147",
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.35",
58
- "@stacksjs/mobile": "0.75.146",
58
+ "@stacksjs/mobile": "0.75.147",
59
59
  "@stacksjs/sanitizer": "^0.2.422",
60
60
  "@xterm/addon-fit": "^0.11.0",
61
61
  "@xterm/xterm": "^6.0.0",
@@ -84,7 +84,9 @@ describe('Native components', () => {
84
84
  it('backs out through history, and sticks within the page rather than its wrapper', () => {
85
85
  const bar = read('NativeNavBar')
86
86
  expect(bar).toContain('if (goBack()) event.preventDefault()')
87
- expect(bar).toContain('[data-stx-scope]:has(> .native-nav) { display: contents; }')
87
+ expect(bar).toContain('[data-stx-scope]:has(> .native-nav),')
88
+ // A header component wrapping the bar adds a wrapper of its own.
89
+ expect(bar).toContain('[data-stx-scope]:has(> [data-stx-scope] > .native-nav) { display: contents; }')
88
90
  expect(bar).toContain("useReactiveProp<string>('title', '')")
89
91
  })
90
92
 
@@ -105,9 +105,12 @@ function tapBack(event: MouseEvent): void {
105
105
  <style>
106
106
  /* The element stx wraps each component in is a box too, as tall as the bar
107
107
  and its title; the bar stuck inside it and scrolled away with the title.
108
- Both boxes step aside so the bar sticks to the page. */
108
+ Both boxes step aside so the bar sticks to the page, and so does the
109
+ wrapper of an app's own header component around this one (HQ's
110
+ MobileHeader): one box more, and the bar scrolled away again. */
109
111
  .native-nav,
110
- [data-stx-scope]:has(> .native-nav) { display: contents; }
112
+ [data-stx-scope]:has(> .native-nav),
113
+ [data-stx-scope]:has(> [data-stx-scope] > .native-nav) { display: contents; }
111
114
 
112
115
  .native-nav-bar {
113
116
  position: sticky;