Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

[terra-section-header] Fixes header title width for sticky header #4043

Merged
merged 4 commits into from
Feb 28, 2024

Conversation

sugan2416
Copy link
Collaborator

Summary

What was changed:

Sets width of header title element when section headers are bounded by width and have sticky header.

Why it was changed:

This fixes issue when auto width was set to collapsible section headers causing the onclick action to fail due to insufficient size of clickable area of section-header.
Sticky headers which are bounded have width set to bounded width, else set to auto.
Non-sticky headers have width as 100%

Testing

This change was tested using:

  • WDIO
  • Jest
  • Visual testing (please attach a screenshot or recording)
  • Other (please describe below)
  • No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

  • UX review
  • Accessibility review
  • Functional review

Additional Details

This PR resolves:

UXPLATFORM-10215


Thank you for contributing to Terra.
@cerner/terra

@saket2403
Copy link
Contributor

Can you check the focus borders, they are getting cut off in the test you added.

@sugan2416
Copy link
Collaborator Author

Can you check the focus borders, they are getting cut off in the test you added.

This is expected behaviour since header is under horizontal scroll

@sugan2416 sugan2416 force-pushed the section-header-title-fix branch from cb143ff to 9ffc633 Compare February 28, 2024 09:45
@github-actions github-actions bot temporarily deployed to preview-pr-4043 February 28, 2024 09:45 Destroyed
@sugan2416
Copy link
Collaborator Author

@eawww @ShettyAkarsh @saket2403 UX suggestions (if any) will be addressed in a separate PR.

@sugan2416 sugan2416 merged commit 0665d4e into main Feb 28, 2024
22 checks passed
@sugan2416 sugan2416 deleted the section-header-title-fix branch February 28, 2024 11:45
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants