Skip to content

Conversation

@behowell
Copy link
Contributor

Previous Behavior

The KeyboardEvent object is not passed to onVisibleChange when the tooltip is hidden using the Escape key.

New Behavior

Add new field documentKeyboardEvent in OnVisibleChangeData, which is set when the visibility change happens in response to a keyboard event on the document object. Currently this only happens for the Escape key.

This allows access to the event object, which makes it possible to call documentKeyboardEvent.preventDefault() if needed.

Related Issue(s)

@behowell behowell requested a review from khmakoto as a code owner August 22, 2023 18:31
@behowell behowell self-assigned this Aug 22, 2023
@behowell behowell requested a review from a team as a code owner August 22, 2023 18:31
@github-actions github-actions bot added this to the August Project Cycle Q4 2023 milestone Aug 22, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 22, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-tooltip
Tooltip
47.942 kB
16.845 kB
48.009 kB
16.865 kB
67 B
20 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-alert
Alert
81.836 kB
22.031 kB
react-avatar
Avatar
47.01 kB
14.502 kB
react-avatar
AvatarGroup
16.116 kB
6.431 kB
react-avatar
AvatarGroupItem
61.789 kB
18.912 kB
react-components
react-components: Button, FluentProvider & webLightTheme
66.614 kB
18.512 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
203.567 kB
57.847 kB
react-components
react-components: FluentProvider & webLightTheme
37.787 kB
12.387 kB
react-persona
Persona
53.905 kB
16.371 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-table
DataGrid
152.77 kB
42.242 kB
react-table
Table (Primitives only)
39.638 kB
12.129 kB
react-table
Table as DataGrid
126.224 kB
33.612 kB
react-table
Table (Selection only)
71.594 kB
18.91 kB
react-table
Table (Sort only)
70.213 kB
18.511 kB
react-tags-preview
InteractionTag
11.031 kB
4.528 kB
react-tags-preview
Tag
25.398 kB
8.396 kB
react-tags-preview
TagGroup
69.607 kB
20.482 kB
🤖 This report was generated against a8256f19f7cda7695b1de3c6b37768933bec7e4f

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 22, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 604 606 5000
Button mount 325 302 5000
Field mount 1173 1107 5000
FluentProvider mount 695 680 5000
FluentProviderWithTheme mount 76 90 10
FluentProviderWithTheme virtual-rerender 68 78 10
FluentProviderWithTheme virtual-rerender-with-unmount 73 76 10
InfoButton mount 11 15 5000
MakeStyles mount 854 850 50000
Persona mount 1712 1666 5000
SpinButton mount 1339 1354 5000

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 75403b4:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented Aug 22, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: a8256f19f7cda7695b1de3c6b37768933bec7e4f (build)

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

Copy link
Contributor

@sopranopillow sopranopillow left a comment

Choose a reason for hiding this comment

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

lgtm

@behowell behowell merged commit 45b2bea into microsoft:master Aug 23, 2023
@behowell behowell deleted the tooltip/document-keyboard-event branch August 23, 2023 23:11
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 23, 2023
* master: (27 commits)
  feat: Add documentKeyboardEvent to OnVisibleChangeData when Tooltip is hidden via Escape (microsoft#28951)
  RFC: Component CSS Transitions/Animations on mount/unmount (microsoft#27328)
  8.0 Azure Theme: Details list row focus contrast a11y bug fix  (microsoft#28966)
  chore: update CODEOWNERS to some components to tag the current owner (microsoft#28949)
  fix(react-popover): Only apply modal attributes if the PopoverSurface traps focus (microsoft#28613)
  feat(react-table, react-components): export DataGridContextProvider (microsoft#28955)
  chore: decrease bundle size & adds fixtures (microsoft#28962)
  feat(react-utilities): create useAnimationFrame hook (microsoft#28948)
  fix(react-utilities): `useOnClickOutside` should consider text selection from inside to outside as inside click (microsoft#28765)
  docs(react-accordion): Added subcomponents to index story (microsoft#28956)
  applying package updates
  bugfix: ensure interop between assertSlots and old API (microsoft#28957)
  chore: rename imports from react-tree to react-components (microsoft#28946)
  applying package updates
  fix: Autofill queries the inputElement ownerDocument instead of document (microsoft#27312)
  Accordion : updated styles for accordion header cursor (microsoft#28850)
  Additional VR tests Charting Library (microsoft#28777)
  feat(react-motion): create react-motion-preview package scaffolding (microsoft#28947)
  chore: updates generator to use new slot API (microsoft#28916)
  chore: bumps version of esbuild-loader to v3.2.0 (microsoft#28878)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 25, 2023
…e-motion

* feat/use-motion-presence-hook: (25 commits)
  fix: revert changes to CODEOWNERS
  fix: remove duplicated code due to a merge conflict
  fix: upgrade tests
  fix: set motion as active when animations are disabled
  fix: remove debug function
  feat: refactor useMotion to a much more clean/performant logic
  fix:  use correct type for MotionOptions
  fix: improve typings and documentation
  feat: Add documentKeyboardEvent to OnVisibleChangeData when Tooltip is hidden via Escape (microsoft#28951)
  fix: use correct boolean values
  RFC: Component CSS Transitions/Animations on mount/unmount (microsoft#27328)
  8.0 Azure Theme: Details list row focus contrast a11y bug fix  (microsoft#28966)
  fix: remove outdated changefile
  chore: update CODEOWNERS to some components to tag the current owner (microsoft#28949)
  fix(react-popover): Only apply modal attributes if the PopoverSurface traps focus (microsoft#28613)
  feat(react-table, react-components): export DataGridContextProvider (microsoft#28955)
  chore: decrease bundle size & adds fixtures (microsoft#28962)
  feat(react-utilities): create useAnimationFrame hook (microsoft#28948)
  fix(react-utilities): `useOnClickOutside` should consider text selection from inside to outside as inside click (microsoft#28765)
  docs(react-accordion): Added subcomponents to index story (microsoft#28956)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: V9 Tooltip should have stopPropagation and preventDefault as options

3 participants