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

fix(list): tooltip never disapear after hover on disabled checkbox #2092

Merged
merged 1 commit into from
Dec 8, 2022

Conversation

matthprost
Copy link
Collaborator

Summary

Type

  • Bug

Summarise concisely:

What is expected?

Tooltip is displayed still when hovering a disabled checkbox on a List. It was hard to find a reason why but it seems like svg events are causing conflict with tooltip, I found this about the topic: facebook/react#4492 (comment)

Adding pointer-event: none to a disabled checkbox on List solved the issue.

Relevant logs and/or screenshots

Before:

Screen.Recording.2022-12-06.at.10.51.16.mov

After:

Screen.Recording.2022-12-06.at.10.58.31.mov

@matthprost matthprost added the bug Something isn't working label Dec 6, 2022
@matthprost matthprost self-assigned this Dec 6, 2022
@github-actions
Copy link
Contributor

github-actions bot commented Dec 6, 2022

size-limit report 📦

Path Size
dist/src/index.js, dist/react-datepicker/dist/react-datepicker.min.css.js, dist/react-toastify/dist/ReactToastify.min.css.js, dist/src/helpers/isJSON.js, dist/src/helpers/legend.js, dist/src/helpers/numbers.js, dist/src/helpers/recursivelyGetChildrenString.js, dist/src/theme/index.js, dist/src/utils/animations.js, dist/src/utils/capitalize.js, dist/src/utils/ids.js, dist/src/utils/normalize.js, dist/src/utils/orderBy.js, dist/src/components/ActionBar/index.js, dist/src/components/Alert/index.js, dist/src/components/Avatar/index.js, dist/src/components/Badge/index.js, dist/src/components/BarChart/Tooltip.js, dist/src/components/BarChart/index.js, dist/src/components/BarStack/index.js, dist/src/components/BorderedBox/index.js, dist/src/components/Box/index.js, dist/src/components/Breadcrumbs/index.js, dist/src/components/Bullet/index.js, dist/src/components/Button/index.js, dist/src/components/Checkbox/index.js, dist/src/components/Container/index.js, dist/src/components/CopyButton/index.js, dist/src/components/DateInput/index.js, dist/src/components/Description/index.js, dist/src/components/DotSteps/index.js, dist/src/components/Expandable/index.js, dist/src/components/Grid/Col.js, dist/src/components/Grid/Grid.js, dist/src/components/Grid/Row.js, dist/src/components/Icon/index.js, dist/src/components/Image/index.js, dist/src/components/Label/index.js, dist/src/components/LineChart/CustomLegend.js, dist/src/components/LineChart/Tooltip.js, dist/src/components/LineChart/helpers.js, dist/src/components/LineChart/index.js, dist/src/components/Link/index.js, dist/src/components/List/Cell.js, dist/src/components/List/LoadingPlaceholder.js, dist/src/components/List/SelectBar.js, dist/src/components/List/SortIcon.js, dist/src/components/List/context.js, dist/src/components/List/index.js, dist/src/components/Loader/index.js, dist/src/components/Markdown/index.js, dist/src/components/Menu/Item.js, dist/src/components/Menu/index.js, dist/src/components/Modal/index.js, dist/src/components/NavigationStepper/index.js, dist/src/components/Notice/index.js, dist/src/components/Pagination/getPageNumbers.js, dist/src/components/Pagination/index.js, dist/src/components/Pagination/usePagination.js, dist/src/components/PaginationV2/getPageNumbers.js, dist/src/components/PaginationV2/index.js, dist/src/components/PasswordCheck/index.js, dist/src/components/PasswordStrengthMeter/index.js, dist/src/components/Pentagon/index.js, dist/src/components/PieChart/Legends.js, dist/src/components/PieChart/Tooltip.js, dist/src/components/PieChart/index.js, dist/src/components/PieChart/patterns.js, dist/src/components/Placeholder/Block.js, dist/src/components/Placeholder/Blocks.js, dist/src/components/Placeholder/BoxWithIcon.js, dist/src/components/Placeholder/Donut.js, dist/src/components/Placeholder/IconPlaceholder.js, dist/src/components/Placeholder/Line.js, dist/src/components/Placeholder/List.js, dist/src/components/Placeholder/Slider.js, dist/src/components/Placeholder/index.js, dist/src/components/ProgressBar/index.js, dist/src/components/ProgressionButton/index.js, dist/src/components/Radio/index.js, dist/src/components/RichSelect/index.js, dist/src/components/ScrollView/index.js, dist/src/components/SelectNumber/index.js, dist/src/components/SelectableCard/index.js, dist/src/components/Separator/index.js, dist/src/components/Slider/index.js, dist/src/components/Snippet/index.js, dist/src/components/Sphere/index.js, dist/src/components/Stack/index.js, dist/src/components/StateBar/index.js, dist/src/components/Status/index.js, dist/src/components/StepList/index.js, dist/src/components/Stepper/index.js, dist/src/components/SwitchButton/FocusOverlay.js, dist/src/components/SwitchButton/index.js, dist/src/components/Table/index.js, dist/src/components/Tabs/Tab.js, dist/src/components/Tabs/TabMenu.js, dist/src/components/Tabs/TabMenuItem.js, dist/src/components/Tabs/TabsContext.js, dist/src/components/Tabs/index.js, dist/src/components/Tag/index.js, dist/src/components/Tags/index.js, dist/src/components/TagsPoplist/index.js, dist/src/components/Text/index.js, dist/src/components/TextBox/index.js, dist/src/components/TimeInput/index.js, dist/src/components/Toaster/index.js, dist/src/components/Toggle/index.js, dist/src/components/Tooltip/helpers.js, dist/src/components/Tooltip/index.js, dist/src/components/TooltipIcon/index.js, dist/src/components/UnitInput/index.js, dist/src/components/VerificationCode/index.js, dist/src/theme/tokens/dark.js, dist/src/theme/tokens/light.js, dist/src/utils/responsive/Breakpoint.js, dist/src/utils/responsive/utilities.js, dist/src/components/List/variants/index.js, dist/src/components/List/variants/variantExplorer.js, dist/src/components/List/variants/variantProduct.js, dist/src/components/List/variants/variantTable.js 120.46 KB (-0.25% 🔽)

@codecov
Copy link

codecov bot commented Dec 6, 2022

Codecov Report

Merging #2092 (fa17641) into main (a7a6346) will increase coverage by 0.00%.
The diff coverage is 100.00%.

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #2092   +/-   ##
=======================================
  Coverage   95.11%   95.12%           
=======================================
  Files         121      121           
  Lines        3051     3054    +3     
  Branches      418      421    +3     
=======================================
+ Hits         2902     2905    +3     
  Misses        115      115           
  Partials       34       34           
Impacted Files Coverage Δ
src/components/List/variants/variantExplorer.tsx 100.00% <100.00%> (ø)
src/components/List/variants/variantProduct.tsx 100.00% <100.00%> (ø)
src/components/List/variants/variantTable.tsx 100.00% <100.00%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a7a6346...fa17641. Read the comment docs.

@matthprost matthprost merged commit d8d36eb into main Dec 8, 2022
@matthprost matthprost deleted the fix/tooltip-issues branch December 8, 2022 08:30
scaleway-bot pushed a commit that referenced this pull request Dec 8, 2022
## [0.212.10](v0.212.9...v0.212.10) (2022-12-08)

### 📦 Chore

* **devdeps:** update dependency @scaleway/use-i18n to v4.1.3 ([#2107](#2107)) ([6f37323](6f37323))

### 🐛 Bug Fixes

* **list:** tooltip never disapear after hover on disabled checkbox ([#2092](#2092)) ([d8d36eb](d8d36eb))
* **tabs:** vertical scroll triggred on page load ([#2100](#2100)) ([fd6da30](fd6da30))
@scaleway-bot
Copy link
Collaborator

🎉 This PR is included in version 0.212.10 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working released
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants