Skip to content

fix(grid): fix filering row mask applying on chips#17139

Merged
simeonoff merged 4 commits intomasterfrom
didimmova/fix-filtering-row-mask
Apr 14, 2026
Merged

fix(grid): fix filering row mask applying on chips#17139
simeonoff merged 4 commits intomasterfrom
didimmova/fix-filtering-row-mask

Conversation

@didimmova
Copy link
Copy Markdown
Contributor

Closes #17138

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them

@didimmova didimmova requested a review from simeonoff March 31, 2026 11:37
@didimmova didimmova added the ❌ status: awaiting-test PRs awaiting manual verification label Mar 31, 2026
Copilot AI review requested due to automatic review settings March 31, 2026 11:37
@didimmova didimmova added the grid label Mar 31, 2026
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Fixes the quick filter “scroll mask” styling in the grid filtering row so the gradient mask no longer appears/overlaps on hover over the first scroll button (issue #17138).

Changes:

  • Moves the filtering scroll “mask” pseudo-elements from the scroll buttons to the filtering-row main container.
  • Adds position: relative to the filtering-row main container to correctly anchor the new pseudo-elements.
  • Adjusts RTL-specific gradient direction handling for the new mask placement.

@simeonoff simeonoff added ✅ status: verified Applies to PRs that have passed manual verification and removed ❌ status: awaiting-test PRs awaiting manual verification labels Apr 14, 2026
@simeonoff simeonoff merged commit 6c0c52f into master Apr 14, 2026
6 checks passed
@simeonoff simeonoff deleted the didimmova/fix-filtering-row-mask branch April 14, 2026 10:56
Copy link
Copy Markdown
Contributor

@desig9stein desig9stein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The mask is not positioned correctly when the tab key is used to scroll to invisible chips

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

grid ✅ status: verified Applies to PRs that have passed manual verification

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Grid Quick Filter] A gradient appears on hover over the first scroll button in the filtering row

5 participants