Skip to content

fix: set the teams-channel-picker dropdown to overlay all other elements#2337

Merged
sebastienlevert merged 8 commits into
next/fluentuifrom
fix-teams-overflow
Jun 1, 2023
Merged

fix: set the teams-channel-picker dropdown to overlay all other elements#2337
sebastienlevert merged 8 commits into
next/fluentuifrom
fix-teams-overflow

Conversation

@musale

@musale musale commented May 22, 2023

Copy link
Copy Markdown
Contributor

Closes #2288

PR Type

  • Bugfix

Description of the changes

Make the fluentcard that is in the dropdown to appear on top of all elements below the teams channel picker.

PR checklist

  • License header has been added to all new source files (yarn setLicense)
  • Contains NO breaking changes

Other information

Signed-off-by: Martin Musale <martinmusale@microsoft.com>
@musale musale added this to the v3.0.0 milestone May 22, 2023
@musale musale requested a review from a team as a code owner May 22, 2023 13:46
@ghost

ghost commented May 22, 2023

Copy link
Copy Markdown

Thank you for creating a Pull Request @musale.

This is a checklist for the PR reviewer(s) to complete before approving and merging this PR:

  • I have verified a documentation PR has been linked and is approved (or not applicable)
  • I have ran this PR locally and have tested the fix/feature
  • I have verified that stories have been added to storybook (or not applicable)
  • I have tested existing stories in storybook to verify no regression has occured
  • I have tested the solution in at least two browsers (Edge + 1 non-Chromium based browser)

@github-actions

Copy link
Copy Markdown

The updated storybook is available here

1 similar comment
@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@sebastienlevert

Copy link
Copy Markdown
Contributor

The dark mode doesn't have a dark token for the input

image

@sebastienlevert sebastienlevert left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The hover now works, but we can see the content underneath.

image

@ghostghost added the Needs: Author Feedback Issue needs response from issue author label May 25, 2023
@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@ghostghost removed the Needs: Author Feedback Issue needs response from issue author label May 26, 2023
@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@github-actions

Copy link
Copy Markdown

The updated storybook is available here

musale added 3 commits May 29, 2023 11:48
Signed-off-by: Martin Musale <martinmusale@microsoft.com>
Signed-off-by: Martin Musale <martinmusale@microsoft.com>
Signed-off-by: Martin Musale <martinmusale@microsoft.com>
@musale

musale commented May 29, 2023

Copy link
Copy Markdown
Contributor Author

The hover now works, but we can see the content underneath.

image

Fixing the dark theme has fixed this issue too. It is overlaying correctly.

@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@sebastienlevert

Copy link
Copy Markdown
Contributor

Something weird happened... Now we can't close the expanded teams. Is it related to this change? @musale

Screenshot-20230529-094236

@musale

musale commented May 29, 2023

Copy link
Copy Markdown
Contributor Author

Something weird happened... Now we can't close the expanded teams. Is it related to this change? @musale

Screenshot-20230529-094236

Let me check this out.

update

I'm not sure why the caret opens but doesn't close the tree items. Taking a deep dive to figure it out.

Signed-off-by: Martin Musale <martinmusale@microsoft.com>
@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@sebastienlevert

Copy link
Copy Markdown
Contributor

Seems a lot better now!

@gavinbarron

Copy link
Copy Markdown
Member

Clicking on the chevron when the tree node is expanded does nothing in my testing, however clicking to the left or right of the chevron does cause the expanded tree node to collapse

@sebastienlevert

Copy link
Copy Markdown
Contributor

I retested and I have the same. I need to go left / right and even sometimes clicking doesn't change a thing... It's a bit random right now.

@gavinbarron

Copy link
Copy Markdown
Member

It's worth noting that this chevron expand/collapse issue is one that is present in the next/fluentui branch and not a regression introduced by this change.

@sebastienlevert

Copy link
Copy Markdown
Contributor

We can create a new issue then!

@github-actions

Copy link
Copy Markdown

The updated storybook is available here

@gavinbarron

Copy link
Copy Markdown
Member

New issue: #2373
@sebastienlevert can you please change your vote on this to allow it to get merged

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

Projects

Archived in project

Development

Successfully merging this pull request may close these issues.

[BUG] mgt-teams-channel-picker is not hovering the rest of the DOM when opened

3 participants