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.

Sign up for GitHub

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

Jump to bottom

Angular material tablerenderer exceeds the width of JSON Forms #2309

Closed
LukasBoll opened this issue Mar 27, 2024 · 0 comments · Fixed by #2312
Closed

Angular material tablerenderer exceeds the width of JSON Forms #2309

LukasBoll opened this issue Mar 27, 2024 · 0 comments · Fixed by #2312
Labels
angular material
Milestone
3.3

Comments

@LukasBoll
Copy link
Contributor

Describe the bug

Angular material tablerenderer exceeds the width of JSON Forms.

Expected behavior

The table renderer should have a different overflow behavior (e.g. Scrollbar) and not exceed the width of JSON Form.

Steps to reproduce the issue

In the angular material example app:

  1. add width to JSON Forms
  2. select array example

Screenshots

image

Which Version of JSON Forms are you using?

3.2.1

Framework

Angular

RendererSet

Material

Additional context

No response
LukasBoll added a commit to LukasBoll/jsonforms that referenced this issue Mar 28, 2024
@LukasBoll
feat(angular-material): improve responsiveness of tablerenderer
f028989 
This commit resolves issues where the table renderer extended beyond the width of its parent element

closes eclipsesource#2309
@LukasBoll LukasBoll mentioned this issue Apr 2, 2024
Merged
lucas-koehler pushed a commit that referenced this issue Apr 9, 2024
@LukasBoll
angular-material: Improve responsiveness of table renderer
c74b8ba 
This commit resolves issues where the table renderer extended beyond the width of its parent element.
Now, when the table renderer takes up more space than permitted by JsonForms's size,
a scroll bar is shown. Thereby, the table actions (sort, remove) are sticky at the right end of each row.

Fixes #2309
@lucas-koehler lucas-koehler added this to the 3.3 milestone Apr 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
angular material
Projects
None yet
Milestone
3.3
Development

Successfully merging a pull request may close this issue.

feat(angular-material): improve responsiveness of tablerenderer LukasBoll/jsonforms
2 participants
@lucas-koehler @LukasBoll