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.

Sign up for GitHub

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

Jump to bottom

[charts][ChartsTooltip] Tooltip not working on mobile #13041

Closed
wzdorowa opened this issue May 7, 2024 · 2 comments · Fixed by #13043
Closed

[charts][ChartsTooltip] Tooltip not working on mobile #13041

wzdorowa opened this issue May 7, 2024 · 2 comments · Fixed by #13043
Labels
component: charts This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature mobile Targets mobile platform

Comments

@wzdorowa
Copy link
Contributor

wzdorowa commented May 7, 2024 •
edited by github-actions bot

Steps to reproduce

Link to live example: https://mui.com/x/react-charts/tooltip/

Steps:

  1. Open in mobile browser
  2. Touch and move your finger on the chart

Current behavior

Tooltip is not rendered

Expected behavior

Tooltip renders and follows your finger

Context

You can check how it works in recharts, repeat Steps to reproduce here

Your environment

npx @mui/envinfo 
  System:
    OS: macOS 14.3
  Binaries:
    Node: 22.1.0 - /opt/homebrew/bin/node
    npm: 10.7.0 - /opt/homebrew/bin/npm
    pnpm: 9.1.0 - ~/node_modules/.bin/pnpm
  Browsers:
    Chrome: 124.0.6367.119
    Edge: Not Found
    Safari: 17.3
  npmPackages:
    @emotion/react: ^11.11.1 => 11.11.1 
    @emotion/styled: ^11.11.0 => 11.11.0 
    @mui/base:  5.0.0-beta.11 
    @mui/core-downloads-tracker:  5.14.5 
    @mui/icons-material: ^5.14.3 => 5.14.3 
    @mui/material: ^5.14.5 => 5.14.5 
    @mui/private-theming:  5.15.14 
    @mui/styled-engine:  5.15.14 
    @mui/system:  5.15.15 
    @mui/types:  7.2.14 
    @mui/utils:  5.15.14 
    @mui/x-charts: ^7.3.1 => 7.3.1 
    @mui/x-date-pickers: ^6.11.0 => 6.11.0 
    @types/react:  18.2.28 
    react: ^18.2.0 => 18.2.0 
    react-dom: ^18.2.0 => 18.2.0 
    typescript: ^5.1.6 => 5.1.6

Search keywords: tooltip, mobile, touch
@wzdorowa wzdorowa added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 7, 2024
@wzdorowa wzdorowa mentioned this issue May 7, 2024
Merged
1 task
@michelengelen
Copy link
Member

Thanks for raising this and you contribution!
We appreciate it! 💙

@michelengelen michelengelen added mobile Targets mobile platform enhancement This is not a bug, nor a new feature component: charts This is the name of the generic UI component, not the React module! and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels May 8, 2024
@github-actions GitHub Actions
Copy link

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@wzdorowa: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: charts This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature mobile Targets mobile platform
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[charts] Add support mobile tooltip wzdorowa/mui-x
2 participants
@michelengelen @wzdorowa