Skip to content

[RTE] Dynamically calculate desktop's toolbar width breakpoints #5258

Closed

Description

@habibayman

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Desired behavior

A follow up issue opened after the discussion in this comment in PR #5220

To instead of having the breakpoints to folding the toolbar menu items hard coded based on calculations and trial & errors, have them dynamically calculated .

Current behavior

The breakpoints currently exist as a hard coded array. Working Just fine 👍🏻 but the code can use an enhancement.

toolbar-overflow.webm

Value add

Will make it easier if we decided to add/remove any buttons.

Activity

  1. changed the title [-][New Rich Text Editor]: Dynamically calculate the desktop's toolbar breakpoints[/-] [+][New Rich Text Editor]: Dynamically calculate desktop's toolbar width breakpoints[/+] on Aug 6, 2025
  2. MisRob commented on Aug 11, 2025

    @MisRob
    Member

    For use-cases like this, breakpoint based approaches, whether hardcoded or dynamic, will always be a bit cumbersome. It may be best to just detect space available in the toolbar. KListWithOverflow may be handy here.

  3. self-assigned this
    on Feb 6, 2026
  4. added a commit that references this issue on Feb 16, 2026
    40956f2
  5. added a commit that references this issue on Apr 28, 2026
    34390f4
  6. removed this from the Studio: Patch Releases milestone on May 26, 2026
  7. changed the title [-][New Rich Text Editor]: Dynamically calculate desktop's toolbar width breakpoints[/-] [+][RTE] Dynamically calculate desktop's toolbar width breakpoints[/+] on May 27, 2026
  8. added a commit that references this issue on May 27, 2026
    e4a5c45
  9. added a commit that references this issue on Jun 4, 2026
    80a8442
  10. added a commit that references this issue on Jun 12, 2026
    aa91e96
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions