Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: TooltipHost does not open when hovered/focused when running with vite run #27451

Closed
2 tasks done
rcbevans opened this issue Apr 5, 2023 · 3 comments
Closed
2 tasks done
Labels
Component: Tooltip Fluent UI react (v8) Issues about @fluentui/react (v8) React 18 Resolution: Soft Close Soft closing inactive issues over a certain period Status: Blocked Resolution blocked by another issue

Comments

@rcbevans
Copy link

rcbevans commented Apr 5, 2023

Library

React / v8 (@fluentui/react)

System Info

System:
    OS: Linux 6.2 Pop!_OS 22.04 LTS
    CPU: (48) x64 AMD Ryzen Threadripper 3960X 24-Core Processor
    Memory: 44.73 GB / 62.66 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Browsers:
    Chrome: 111.0.5563.146
    Firefox: 111.0.1

    "@fluentui/react": "^8.107.1",
    "@fluentui/react-hooks": "^8.6.20",
    "@fluentui/react-icons-mdl2": "^1.3.37",
    "@fluentui/react-shared-contexts": "^9.3.3",
    "@fluentui/theme": "^2.6.25",
    "vite": "^4.2.1",

Are you reporting Accessibility issue?

None

Reproduction

https://stackblitz.com/edit/vitejs-vite-rrim5b?file=src/App.tsx

Bug Description

Actual Behavior

Mouse over/focus TooltipHost and the tooltip content doesn't show.

Expected Behavior

Tooltip content should show on mouse over/focus.

Observe in the repro that onMouseEnter/onMouseLeave fire correctly for the 'Normal Div' but the events events are not firing for the TooltipHost. It seems when running under vite the TooltipHost does not attach the necessary listeners, or receive the expected events.

Producing a "production" build which compiles for release using rollup, the Tooltips work as expected.

Logs

No response

Requested priority

Normal

Products/sites affected

All users of vite + @FluentUI TooltipHosts in dev

Are you willing to submit a PR to fix?

yes

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.
@rcbevans
Copy link
Author

rcbevans commented Apr 6, 2023

Someone from vite looked at this based on the other bug report and noticed that the TooltipHost works under vite run when the TooltipHost is not a descendant of React.StrictMode.

@spmonahan spmonahan added the Status: Blocked Resolution blocked by another issue label May 15, 2023
@spmonahan
Copy link
Contributor

Blocked by #27851

@microsoft-github-policy-service microsoft-github-policy-service bot added the Resolution: Soft Close Soft closing inactive issues over a certain period label Nov 12, 2023

Because this issue has not had activity for over 180 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Component: Tooltip Fluent UI react (v8) Issues about @fluentui/react (v8) React 18 Resolution: Soft Close Soft closing inactive issues over a certain period Status: Blocked Resolution blocked by another issue
Projects
None yet
Development

No branches or pull requests

5 participants