Skip to content

feat(ui5-dialog): add fullscreen toggle button#13691

Open
kskondov wants to merge 7 commits into
mainfrom
ui5-dialog-fullscreen
Open

feat(ui5-dialog): add fullscreen toggle button#13691
kskondov wants to merge 7 commits into
mainfrom
ui5-dialog-fullscreen

Conversation

@kskondov

Copy link
Copy Markdown
Contributor

The dialog now supports a fullscreen toggle button in the header, controlled by the showFullscreenButton property. The button toggles the stretch property and is not available on phone devices.

  • Keyboard shortcut: Shift+Ctrl+F
  • Double-click on header toggles fullscreen
  • Button shows Maximize/Restore tooltip and aria-keyshortcuts
  • Resets drag/resize state when toggling

The dialog now supports a fullscreen toggle button in the header,
controlled by the `showFullscreenButton` property. The button toggles
the `stretch` property and is not available on phone devices.

- Keyboard shortcut: Shift+Ctrl+F
- Double-click on header toggles fullscreen
- Button shows Maximize/Restore tooltip and aria-keyshortcuts
- Resets drag/resize state when toggling
@kskondov kskondov temporarily deployed to netlify-preview June 12, 2026 14:30 — with GitHub Actions Inactive
@kskondov kskondov requested a review from a team June 12, 2026 14:30
@sap-ui5-webcomponents-release

sap-ui5-webcomponents-release Bot commented Jun 12, 2026

Copy link
Copy Markdown

Adds a padding-inline-end to prevents header content from overlapping with the button
@kskondov kskondov temporarily deployed to netlify-preview June 12, 2026 14:42 — with GitHub Actions Inactive
@kskondov kskondov temporarily deployed to netlify-preview June 12, 2026 15:13 — with GitHub Actions Inactive
@kskondov kskondov temporarily deployed to netlify-preview June 15, 2026 07:34 — with GitHub Actions Inactive
kskondov added 2 commits June 15, 2026 13:14
Lint and bug fixes
- Keyboard shortcut: Shift+Ctrl+F (works regardless of focus)
- Double-click on header toggles fullscreen
- Button shows Maximize/Restore tooltip and aria-keyshortcuts
- Resets drag/resize state when toggling

@TeodorTaushanov TeodorTaushanov left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We should wait for #13632 to be merged.

Comment thread packages/main/src/themes/Dialog.css Outdated
@kskondov kskondov temporarily deployed to netlify-preview June 15, 2026 11:30 — with GitHub Actions Inactive
Removes absolute positioning and and adds fullscreen spacing instead of offset
- Keyboard shortcut: Shift+Ctrl+F (works regardless of focus)
- Double-click on header toggles fullscreen
- Button shows Maximize/Restore tooltip and aria-keyshortcuts
- Resets drag/resize state when toggling
@kskondov kskondov deployed to netlify-preview June 15, 2026 11:58 — with GitHub Actions Active
@kskondov kskondov requested a review from TeodorTaushanov June 15, 2026 11:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants