mirror of
https://github.com/getpaseo/paseo.git
synced 2026-11-03 15:12:48 +00:00
Mohamed Boudra
38c22139bb
* feat(plugins): support modal body layout, scrolling and clipboard actions * fix(app): keep native scroll dependencies out of web imports * fix(nix): sync dependency hash for plugin native types * test(plugins): express modal QA as user journeys
27 lines
1.8 KiB
Markdown
27 lines
1.8 KiB
Markdown
# Modal UI example
|
|
|
|
Install this directory as a local plugin, then open **Modal examples** from the sidebar or a workspace tab.
|
|
|
|
The examples demonstrate default and custom padding, a full-width body, author-owned ScrollView and
|
|
FlatList scrolling, horizontal tabs, and clipboard actions with a keyboard-aware input. See the
|
|
[host UI reference](../../public-docs/plugins/v0.8/reference.md#host-ui) for the API contract.
|
|
|
|
The browser regression installs this exact example in an isolated daemon:
|
|
|
|
```sh
|
|
cd packages/app
|
|
npx playwright test e2e/browser/plugin-modal-body.spec.ts --project=browser --workers=1
|
|
```
|
|
|
|
On Android, open each example and swipe through its content. In FlatList, use **Jump to last row**
|
|
before expanding the sheet; row 100 should be visible. Drag the handle to expand the sheet. In Form,
|
|
press **Copy text**, long-press the input, and choose **Paste**. The input should contain
|
|
“Copied from Paseo”. With the system keyboard enabled, focusing the input should keep it visible.
|
|
|
|
These captures show Android copy/paste and custom padding on browser and wide native layouts.
|
|
Android API 35 and Chromium were exercised; iOS and Electron were not tested.
|
|
|
|
| Android copy/paste | Browser custom padding | Wide Android custom padding |
|
|
| ---------------------------------------------------------------- | ----------------------------------------------------------- | ------------------------------------------------------------------------- |
|
|
|  |  |  |
|