fix(ui): enable horizontal scrolling in filter popovers - #2878
Merged
Merged
Conversation
10 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related issue
N/A - requested and manually accepted by the maintainer.
Summary
Long database, schema, and result-filter values were clipped inside the filter popover. Enable the Tree's horizontal scrolling so their full text can be inspected while the search and selection controls stay fixed.
Measure rendered rows after filtering, extend the scroll range when longer virtualized rows appear, and keep horizontal wheel handling enabled from the first render. Labels remain on one line and vertical virtualization is preserved.
Affected surfaces
Verification
yarn install --frozen-lockfile --offline: passed in the isolated PR worktree.yarn run lint: passed in the isolated PR worktree.yarn run build:web:community --app_version=0.0.0: passed, including the configured prebuild tests and production bundle checks, in the isolated PR worktree.git diff --check: passed.Risk and compatibility
Reviewer map
chat2db-community-client/src/components/NodeFiltering/index.tsxfor measurement and the TreescrollWidthprop;style.tsxfor single-line labels.Contributor declaration
AI assistance: Codex implemented the change and ran the reported automated checks. The maintainer reviewed the Community Web behavior.