Skip to content

fix(content-drive): resolve UX regressions in toolbar and content type filter #34889#34918

Merged
zJaaal merged 1 commit intomainfrom
34889-defect-ux-fixes-after-modernization-upgrade-in-content-drive
Mar 10, 2026
Merged

fix(content-drive): resolve UX regressions in toolbar and content type filter #34889#34918
zJaaal merged 1 commit intomainfrom
34889-defect-ux-fixes-after-modernization-upgrade-in-content-drive

Conversation

@zJaaal
Copy link
Copy Markdown
Member

@zJaaal zJaaal commented Mar 9, 2026

Proposed Changes

  • Fix toolbar height constraint: changed [style.height] to [style.min-height] on the host element so the Content Drive filter table is not cut off on smaller screens or when DevTools is open
  • Add autofocusFilter="true" to the content type p-select component so the filter input correctly focuses and displays typed characters beyond the first letter

Checklist

  • Tests
  • Translations
  • Security Implications Contemplated (no security impact — UI/styling fixes only)

Additional Info

Fixes #34889 — Multiple UX regressions introduced after the Content Drive modernization upgrade.

The height binding was preventing the toolbar from expanding on smaller viewports, causing the filter table to be clipped. The missing autofocusFilter attribute on the PrimeNG Select component caused the filter input to lose focus after the first keystroke, making multi-character filtering impossible.

🤖 Generated with Claude Code

This PR fixes: #34889

@zJaaal zJaaal linked an issue Mar 9, 2026 that may be closed by this pull request
3 tasks
@github-actions github-actions Bot added the Area : Frontend PR changes Angular/TypeScript frontend code label Mar 9, 2026
@zJaaal zJaaal added this pull request to the merge queue Mar 10, 2026
Merged via the queue into main with commit 5686333 Mar 10, 2026
24 checks passed
@zJaaal zJaaal deleted the 34889-defect-ux-fixes-after-modernization-upgrade-in-content-drive branch March 10, 2026 13:14
spbolton pushed a commit that referenced this pull request Mar 24, 2026
…e filter #34889 (#34918)

### Proposed Changes
* Fix toolbar height constraint: changed `[style.height]` to
`[style.min-height]` on the host element so the Content Drive filter
table is not cut off on smaller screens or when DevTools is open
* Add `autofocusFilter="true"` to the content type `p-select` component
so the filter input correctly focuses and displays typed characters
beyond the first letter

### Checklist
- [ ] Tests
- [ ] Translations
- [x] Security Implications Contemplated (no security impact —
UI/styling fixes only)

### Additional Info
Fixes #34889 — Multiple UX regressions introduced after the Content
Drive modernization upgrade.

The `height` binding was preventing the toolbar from expanding on
smaller viewports, causing the filter table to be clipped. The missing
`autofocusFilter` attribute on the PrimeNG Select component caused the
filter input to lose focus after the first keystroke, making
multi-character filtering impossible.

🤖 Generated with [Claude Code](https://claude.com/claude-code)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area : Frontend PR changes Angular/TypeScript frontend code

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

[DEFECT] UX Fixes after Modernization Upgrade in Content Drive

3 participants