Skip to content

[WC-3593] fix(datagrid): small column header and dropdown filter fixes - #2439

Open
r0b1n wants to merge 5 commits into
mainfrom
feat/datagrid-improvements
Open

[WC-3593] fix(datagrid): small column header and dropdown filter fixes#2439
r0b1n wants to merge 5 commits into
mainfrom
feat/datagrid-improvements

Conversation

@r0b1n

@r0b1n r0b1n commented Sep 23, 2026 •
edited
Loading

Copy link
Copy Markdown
Collaborator

Summary

  • Fixed the "Column size" property appearing away from "Column width" in Studio Pro's column Appearance tab
  • Fixed focus outline of column header filter inputs being clipped in narrow columns
  • Fixed dropdown filter's clear and toggle indicators overflowing outside the filter button in narrow columns

Test plan

  • Configure a datagrid column with "Column width" set to Manual — verify "Column size" input appears directly below it in Studio Pro
  • Focus a filter input in a narrow column — verify the focus outline is fully visible
  • Open a datagrid with a dropdown filter in a narrow column — verify the toggle arrow and clear button stay within the button boundary

Before:
Screenshot 2026-09-22 at 17 44 29
After:
Screenshot 2026-09-22 at 17 43 36

Before:
Screenshot 2026-09-22 at 18 17 28
After:
Screenshot 2026-09-22 at 18 18 24

@r0b1n
fix: place column size input next to the enum selector that is respon…
f74c25c 
…sible for showing this input

Previously when Column width was set to Manual, the input was shown in a wrong place
@r0b1n
fix: prevent outline from clipping out
d73df64 
Past changes introduced a regression that clipped out outline, while this
overflow hiding is needed, but we don't have to clip out outline the overflow
is moved to a column header level.
@r0b1n
fix(data-widgets): prevent dropdown filter toggle arrow from overflow…
abfeaa6 
…ing button boundary
@r0b1n
r0b1n requested a review from a team as a code owner September 23, 2026 07:51
@github-actions

This comment has been minimized.

Sign in to view
@r0b1n r0b1n changed the title fix(datagrid): small column header and dropdown filter fixes [WC-3593] fix(datagrid): small column header and dropdown filter fixes Sep 23, 2026
@r0b1n
fix: let inputs and filters shring in narrow columns byt overriding a…
eda6120 
…tlas default

In narrow columns this is the problem with strict min-width,
filters and input widgets are overflowing the column and take space
of other columns, because they cant shrink further than 50px (or other default)
This change targets widgets that are placed in the data grid specifically.
This should not affect other scenarios where widgets have to force to be wide
enough to be usable.
@r0b1n
chore: add unreleased changelog entries for datagrid fixes
6bf1741
@r0b1n
r0b1n force-pushed the feat/datagrid-improvements branch from 526fbff to 6bf1741 Compare September 24, 2026 07:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

data-widgets

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@r0b1n