@synopackageland/ui 0.25.10 → 0.25.11

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## Unreleased
 
+## 0.25.11 (2026-11-12)
+
+### Phone layout
+
+- **The soft keyboard stays up on Android.** AppRoot's focus handling called `focus()` on every pressed control during pointerdown. On Android Chrome and WebView, focusing a text field from script before the tap's own mousedown hides the keyboard it has just raised, and focus moves to the app root about 150ms later, so a chat composer could not be typed into. A press on a text field or inside editable content is now left to the browser; buttons, links and other controls are focused as before. Apps need no change
+- **Equal left and right margins on a touch phone.** The UI's styled `::-webkit-scrollbar` made Chromium (Android included) draw a classic 10px scrollbar inside every scroller, so pages, lists and toolbars ran 10px past the right margin. The webkit bar rules now apply only with a fine pointer; touch keeps the overlay bar, and Select and Combobox lists a thin one
+- **A natural-height list keeps its full width in a flex row.** The phone natural-height chain (`flex: 0 0 auto`, 0.25.8) shrank a pane in a flex row such as `ListDetail` to its content, so a list took half the screen. It now stretches to the row (`inline-size: stretch`), also in a flush BottomSheet
+- **Only actions float.** PageHeader, AppToolbar and PushTransition keep their actions in the page's own row, with no FAB or bar icons, while the actions hold anything that is not an action: a status badge, a count, a field. This includes content an App shell teleports in later. A status no longer floats as a pill over the list. Put a page's status in its meta (the SDK `PageInfo`)
+- **Toolbar actions wrap.** AppToolbar's actions row wraps within the page instead of pushing it into horizontal scroll
+- **Segmented controls of up to four segments are not cut.** A label wider than its share grows its column, and labels too wide together scroll the track sideways; none ends in an ellipsis
+- **A search field fills its row on a phone.** `SearchField` (now `data-ui-search-field`), alone or in a wrapper holding only it, grows to its row and ignores a fixed basis or `max-width`
+- **A DataGrid group title wraps in list mode.** A `#group-title` slot was wrapped in a `truncate` span, so a title with its own links ran over them on a narrow screen. It now wraps
+
+### Docs
+
+- Button policy and layout rules: a page's header actions (the SDK `AppShell`'s `#actions`, `PageHeader` `#actions`) hold only the page's own actions, such as Add. There is no page-wide refresh: a page reads its data again on `ctx.reopen` and when it is shown, and a failed read puts Retry next to its error. The demos no longer show one
+
 ## 0.25.10 (2026-11-12)
 
 ### Aside

package/dist/components/app/app-layout/MovableActions.d.ts

@@ -0,0 +1,35 @@
+import { PropType, VNode } from 'vue';
+/**
+ * True when `node` shows something that is not an action: text outside a
+ * button (a status badge, a count, a date) or a field. Neither belongs in a
+ * floating button or the 44px bar: there it would float over the page's rows.
+ */
+export declare function showsPassiveContent(node: Node): boolean;
+/**
+ * A page's actions on a phone (PageHeader, AppToolbar, PushTransition): in
+ * place, or teleported to `to` (the FAB or the phone bar). It reports
+ * `passive` while the actions hold anything that is not an action, whichever
+ * place they are in, so the owner keeps them in its own row and they never
+ * float over the page. Content that arrives later (a teleport of the App's
+ * own, as an App shell's page actions) is watched too.
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    passive: (value: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onPassive?: ((value: boolean) => any) | undefined;
+}>, {
+    to: HTMLElement | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/app/page-header/PageHeader.vue.d.ts

@@ -8,11 +8,9 @@ type __VLS_Props = {
     /** Where `#actions` go on a phone: `fab`, `bar` or `inline` (this header's row). Defaults to AppLayout's `phone-actions`. */
     phoneActions?: PhoneActionsPlacement;
 };
-declare var __VLS_19: {}, __VLS_27: {}, __VLS_29: {};
+declare var __VLS_19: {}, __VLS_29: {};
 type __VLS_Slots = {} & {
     meta?: (props: typeof __VLS_19) => any;
-} & {
-    actions?: (props: typeof __VLS_27) => any;
 } & {
     actions?: (props: typeof __VLS_29) => any;
 };