@tempots/beatui 1.7.0 → 1.7.1

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/dist/beatui.css CHANGED
@@ -5692,6 +5692,20 @@ a:focus-visible {
5692
5692
  pointer-events: auto;
5693
5693
  }
5694
5694
 
5695
+ /*
5696
+ * On mobile, .bc-menu uses position:fixed for a bottom-sheet layout.
5697
+ * The animation system sets transform on .bc-flyout-container, which per CSS spec
5698
+ * changes the containing block for position:fixed descendants from the viewport
5699
+ * to the transformed ancestor. Make .bc-flyout-container span the viewport on
5700
+ * mobile so it provides a correctly-sized containing block for the fixed menu.
5701
+ */
5702
+ @media (max-width: 640px) {
5703
+ .bc-flyout-container:has(.bc-menu) {
5704
+ position: fixed;
5705
+ inset: 0;
5706
+ }
5707
+ }
5708
+
5695
5709
  /* Dark mode */
5696
5710
  .dark .bc-flyout {
5697
5711
  background-color: var(--color-base-800);
@@ -5358,6 +5358,20 @@ a:focus-visible {
5358
5358
  pointer-events: auto;
5359
5359
  }
5360
5360
 
5361
+ /*
5362
+ * On mobile, .bc-menu uses position:fixed for a bottom-sheet layout.
5363
+ * The animation system sets transform on .bc-flyout-container, which per CSS spec
5364
+ * changes the containing block for position:fixed descendants from the viewport
5365
+ * to the transformed ancestor. Make .bc-flyout-container span the viewport on
5366
+ * mobile so it provides a correctly-sized containing block for the fixed menu.
5367
+ */
5368
+ @media (max-width: 640px) {
5369
+ .bc-flyout-container:has(.bc-menu) {
5370
+ position: fixed;
5371
+ inset: 0;
5372
+ }
5373
+ }
5374
+
5361
5375
  /* Dark mode */
5362
5376
  .dark .bc-flyout {
5363
5377
  background-color: var(--color-base-800);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tempots/beatui",
3
- "version": "1.7.0",
3
+ "version": "1.7.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.es.js",
@@ -148,7 +148,7 @@
148
148
  "@tempots/dom": "^37.4.3",
149
149
  "@tempots/render": "^0.0.6",
150
150
  "@tempots/std": "~0.29.0",
151
- "@tempots/ui": "^16.0.3",
151
+ "@tempots/ui": "^16.0.10",
152
152
  "ajv": "^8.18.0",
153
153
  "ajv-formats": "^3.0.1",
154
154
  "better-auth": ">=1.0.0",
@@ -348,7 +348,7 @@
348
348
  "@tempots/eslint-plugin": "0.13.1",
349
349
  "@tempots/render": "^0.0.6",
350
350
  "@tempots/std": "~0.29.0",
351
- "@tempots/ui": "^16.0.3",
351
+ "@tempots/ui": "^16.0.10",
352
352
  "@testing-library/dom": "10.4.1",
353
353
  "@types/markdown-it": "^14.1.2",
354
354
  "@types/node": "25.2.3",