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

[terra-collapsible-menu-view] Table flickering issue in Collapsible menu view #2086

Merged
merged 5 commits into from
Mar 18, 2024

Conversation

MadanKumarGovindaswamy
Copy link
Contributor

@MadanKumarGovindaswamy MadanKumarGovindaswamy commented Mar 16, 2024

Summary

What was changed:

Since resizeObserver is used to provide the available space for calculations, It does not provide the right value when the component is wrapped with other terra components, so replacing with the container width to use it for calculation.

Why it was changed:

When the Collapsible menu view component is used with in table, as the component loads flicker the screen continuously and let the user cannot click on any action buttons with in the button.

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-10292


Thank you for contributing to Terra.
@cerner/terra

@github-actions github-actions bot temporarily deployed to preview-pr-2086 March 16, 2024 07:30 Destroyed
@MadanKumarGovindaswamy MadanKumarGovindaswamy changed the title update: collapsible menu view [terra-collapsible-menu-view] Table flickering issue in Collapsible menu view Mar 16, 2024
@github-actions github-actions bot temporarily deployed to preview-pr-2086 March 16, 2024 07:48 Destroyed
@github-actions github-actions bot temporarily deployed to preview-pr-2086 March 16, 2024 08:30 Destroyed
@github-actions github-actions bot temporarily deployed to preview-pr-2086 March 16, 2024 08:51 Destroyed
@github-actions github-actions bot temporarily deployed to preview-pr-2086 March 16, 2024 12:00 Destroyed
@MadanKumarGovindaswamy MadanKumarGovindaswamy marked this pull request as ready for review March 18, 2024 04:31
* @private
* Allows to reset cache and elements will be rendered face-up for width calculations.
*/
allowResetCache: PropTypes.bool,
Copy link
Contributor

Choose a reason for hiding this comment

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

Why is this prop required if the default value is true?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

In mpage application side, they don't need this reset cache method to execute. so kept this as a internal prop. where they can send as false.

@allanxavierm allanxavierm merged commit bdb603b into main Mar 18, 2024
22 checks passed
@allanxavierm allanxavierm deleted the UXPLATFORM-10292-CollapsiblemenuFlickerIssue branch March 18, 2024 13:34
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants