Skip to content

fix(Popover): fix shadows on arrows#32138

Merged
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:fix/popover-shadow-1
Aug 5, 2024
Merged

fix(Popover): fix shadows on arrows#32138
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:fix/popover-shadow-1

Conversation

@layershifter
Copy link
Member

@layershifter layershifter commented Jul 29, 2024

Before

image

After

image

Fixes #31990.

@github-actions github-actions bot added this to the July Project Cycle Q3 2024 milestone Jul 29, 2024
@fabricteam
Copy link
Collaborator

fabricteam commented Jul 29, 2024

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
217.326 kB
63.005 kB
217.412 kB
63.063 kB
86 B
58 B
react-components
react-components: entire library
1.094 MB
270.277 kB
1.095 MB
270.272 kB
86 B
-5 B
react-popover
Popover
127.671 kB
39.952 kB
127.757 kB
39.988 kB
86 B
36 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-avatar
Avatar
49.301 kB
15.838 kB
react-avatar
AvatarGroup
20.107 kB
7.973 kB
react-avatar
AvatarGroupItem
63.445 kB
20.061 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.141 kB
20.157 kB
react-components
react-components: FluentProvider & webLightTheme
44.442 kB
14.607 kB
react-datepicker-compat
DatePicker Compat
223.049 kB
63.147 kB
react-dialog
Dialog (including children components)
99.413 kB
29.881 kB
react-persona
Persona
56.192 kB
17.728 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-table
DataGrid
160.337 kB
45.661 kB
react-table
Table (Primitives only)
42.482 kB
13.868 kB
react-table
Table as DataGrid
131.142 kB
36.351 kB
react-table
Table (Selection only)
70.336 kB
20.028 kB
react-table
Table (Sort only)
68.979 kB
19.633 kB
react-tag-picker
@fluentui/react-tag-picker - package
181.367 kB
54.538 kB
react-tags
InteractionTag
15.167 kB
6.135 kB
react-tags
Tag
28.996 kB
9.52 kB
react-tags
TagGroup
82.124 kB
24.344 kB
react-timepicker-compat
TimePicker
106.751 kB
35.596 kB
🤖 This report was generated against 20d3c8295ef770eca3562b760d78d1b9649cb7e0

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 29, 2024

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 659 662 5000
Button mount 312 295 5000
Field mount 1150 1127 5000
FluentProvider mount 690 727 5000
FluentProviderWithTheme mount 88 92 10
FluentProviderWithTheme virtual-rerender 36 37 10
FluentProviderWithTheme virtual-rerender-with-unmount 77 78 10
MakeStyles mount 876 889 50000
Persona mount 1830 1716 5000
SpinButton mount 1422 1449 5000
SwatchPicker mount 1764 1669 5000

@layershifter layershifter force-pushed the fix/popover-shadow-1 branch from 6225ba6 to da71e7e Compare August 1, 2024 13:07
@layershifter layershifter changed the title fix/popover shadow 1 fix(Popover): fix shadows on arrows Aug 1, 2024
@layershifter layershifter marked this pull request as ready for review August 1, 2024 13:11
@layershifter layershifter requested a review from a team as a code owner August 1, 2024 13:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: The shadow is not visible under the pointing tip in teaching UI when the pointing tip is in top of the teaching UI

3 participants