Skip to content

[master-detail-layout] Ability to adjust the split between content areas by dragging #11065

@juuso-vaadin

Description

@juuso-vaadin

Describe your motivation

Before introduction of Master Detail Layout component Split Layout has been an popular base for implementing the same pattern. MDL component is superior in many ways, but ability for user to adjust the "split" between master and detail areas would make it perfect replacement.

Use case

I'm imagining a case where the details area contains an Rich Text Editor. 90% of the objects have a short content in the RTE and 10% have really lengthy content. Currently developer needs to lock the size and optimize the UI for one case.

Describe the solution you'd like

I would like to have a drag handle that allows adjusting the width of the details area.
To me this seems to be purely presentation detail and screen readers wouldn't take it into account in any way.

Image

Describe alternatives you've considered

Expand / collapse button could add the same benefits without drag & drop interaction.

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions