Skip to content

Conversation

@nuria1110
Copy link
Contributor

fix #7636

Proposed behaviour

Remove z-index in useFloating, fix original issue by applying z-index only in DateInput calendar.
Updates z-index test stories to capture possible component layouts using PopoverContainer & DateInput

Current behaviour

Z-index applied to useFloating in PR 7610 has created layout issues in PopoverContainer.

Checklist

  • Commits follow our style guide
  • Related issues linked in commit messages if required
  • Screenshots are included in the PR if useful
  • All themes are supported if required
  • Unit tests added or updated if required
  • Playwright automation tests added or updated if required
  • Storybook added or updated if required
  • Translations added or updated (including creating or amending translation keys table in storybook) if required
  • Typescript d.ts file added or updated if required
  • Related docs have been updated if required

QA

  • Tested in provided StackBlitz sandbox/Storybook
  • Add new Playwright test coverage if required
  • Carbon implementation matches Design System/designs
  • UI Tests GitHub check reviewed if required

Additional context

Testing instructions

Removes z-index of 1001 in useFloating hook, which is used in PopoverContainer.
This was applied due to an issue in DateInput, fix has been move to only apply to DateInput.

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

Development

Successfully merging this pull request may close these issues.

PopoverContainer z-index issue

1 participant