Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IdsInput/IdsTriggerField: Add label-wrap setting #1223

Closed
1 task
EdwardCoyle opened this issue Apr 7, 2023 · 0 comments · Fixed by #1269
Closed
1 task

IdsInput/IdsTriggerField: Add label-wrap setting #1223

EdwardCoyle opened this issue Apr 7, 2023 · 0 comments · Fixed by #1269
Assignees
Labels
type: enhancement ✨ New feature or request [3] Velocity rating (Fibonacci)

Comments

@EdwardCoyle
Copy link
Contributor

EdwardCoyle commented Apr 7, 2023

Is your feature request related to a problem or use case? Please describe.
See https://main-enterprise.demo.design.infor.com/components/form/test-long-labels.html for a demo of how the 4.x components control form label layout.

We should (but don't currently) support this in the Web Components, but in a more fine-grain way so we can fully control label alignment and truncation.

Describe the solution you'd like

  • Add a label-wrap setting with 3 options:
    • ellipsis
    • wrap (confined to the current component size and is what IdsInput currently does - maybe should be default)
    • stretch (stretch to the width of the grid column)

Describe alternatives you've considered
We also need to decide where this belongs:

  • component-level (use IdsLabelStateMixin), or
  • grid-level (use IdsLayoutGrid)

Additional context
Discussed here: #1220 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: enhancement ✨ New feature or request [3] Velocity rating (Fibonacci)
Projects
No open projects
Development

Successfully merging a pull request may close this issue.

2 participants