@synopackageland/ui 0.23.2 → 0.23.3

package/docs/mobile-native.md

@@ -499,6 +499,10 @@ the page, `--ui-chrome-height` tall (44px, plus a 1px rule):
 - **The drawer's head:** the App's icon and name, then the close button. The
   name takes the row up to the close button and is cut with "…" only when it
   is longer than that.
+- **The drawer's focus:** opened with Enter or Space, focus lands on the
+  close button with its ring; opened by a tap or click, on the drawer panel,
+  which draws no ring. Tab still moves through the drawer only, and closing it
+  gives focus back to what opened it.
 - **Actions:** first the page's own actions, then `headerActions`
   (DropdownMenu entries). A pick emits `headerAction` with the key.
 - **One "…".** The bar never shows two overflow buttons. While the page's own
@@ -608,12 +612,16 @@ change: the same slot moves.
   row is never under the FAB; there is no room while no FAB is drawn.
 - A fill page (its content scrolls itself: `PageContent height="fill"`, or an
   App shell that keeps the PageContent from scrolling; PageContent marks it
-  `data-ui-page-fills`) keeps that room only while the FAB is in view. While
-  the FAB is hidden on scroll or by the keyboard, the content's own scroller
-  takes the room down to the bars' edge, together with the room the hidden
-  bars give back, so no blank band is left under it. A page that scrolls as a
-  whole keeps the room at its end, so its length never changes under the
-  finger.
+  `data-ui-page-fills`) puts that room at the end of its own scroller instead.
+  PageContent marks the vertical scroller in its body that reaches its bottom
+  `data-ui-page-scroller` (its own bottom padding is kept in
+  `--ui-page-scroller-pad`) and the page `data-ui-page-scroller-room`; the
+  scroller then runs down to the tab bar or the bottom accessory, its rows
+  pass under the FAB, which covers only its own circle, and the last row can
+  be scrolled above it. No blank band is left under the list, with the FAB
+  in view or hidden. A fill page whose scroller is not found keeps the room
+  under its content. A page that scrolls as a whole keeps the room at its
+  end, so its length never changes under the finger.
 - A toast sits 8px above the FAB while the FAB is shown, and back at its own
   place while the FAB is hidden on scroll or by the keyboard, and steps aside
   (fades out) while the speed dial is open; it moves with the bars (`--ui-motion-bars`, at once with reduced motion). A page without a FAB,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synopackageland/ui",
-  "version": "0.23.2",
+  "version": "0.23.3",
   "description": "Shared Vue 3 UI component library with a DSM 7 inspired application theme",
   "license": "MIT",
   "type": "module",