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

Remove border property containing typo from .ms-PositioningContainer-layerHost root #32885

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

KevinTCoughlin
Copy link
Member

@KevinTCoughlin KevinTCoughlin commented Sep 21, 2024

Previous Behavior

There is a typo in the .ms-PositioningContainer-layerHost root style value for 'border' that Chrome drops, so removing the style completely from source. It has been there since https://github.com/microsoft/fluentui/blame/4cb8f290e4b35a8566f4d568c6aa2b556d9d726d/packages/office-ui-fabric-react/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts#L50.

New Behavior

Property is removed and continues to not be present in browser.

image

cc: @FinnCowbell

@KevinTCoughlin KevinTCoughlin requested a review from a team as a code owner September 21, 2024 02:48
@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react
Coachmark
93.132 kB
29.416 kB
93.109 kB
29.411 kB
-23 B
-5 B
react
PositioningContainer
73.838 kB
23.759 kB
73.815 kB
23.752 kB
-23 B
-7 B
react
Fluent UI React (entire library)
1.014 MB
281.935 kB
1.014 MB
281.93 kB
-23 B
-5 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react
ActivityItem
71.224 kB
23.353 kB
react
Announced
38.48 kB
13.282 kB
react
Autofill
15.428 kB
4.768 kB
react
Breadcrumb
202.185 kB
60.419 kB
react
Button
195.64 kB
56.642 kB
react
ButtonGrid
180.571 kB
54.626 kB
react
Calendar
121.763 kB
37.01 kB
react
Callout
84.292 kB
27.63 kB
react
Check
53.185 kB
17.843 kB
react
Checkbox
59.971 kB
19.889 kB
react
ChoiceGroup
65.48 kB
21.488 kB
react
ChoiceGroupOption
58.748 kB
19.364 kB
react
Color
7.789 kB
3.127 kB
react
ColorPicker
135.222 kB
42.228 kB
react
ComboBox
252.077 kB
72.336 kB
react
CommandBar
203.226 kB
60.147 kB
react
ContextualMenu
155.108 kB
48.186 kB
react
DatePicker
184.185 kB
56.175 kB
react
DateTimeUtilities
5.244 kB
1.849 kB
react
DetailsList
229.966 kB
65.926 kB
react
Dialog
211.492 kB
63.169 kB
react
Divider
19.591 kB
6.841 kB
react
DocumentCard
217.178 kB
64.45 kB
react
DragDrop
8.343 kB
2.724 kB
react
DraggableZone
34.305 kB
11.509 kB
react
Dropdown
234.124 kB
68.674 kB
react
ExtendedPicker
96.795 kB
27.893 kB
react
Fabric
41.732 kB
14.349 kB
react
Facepile
210.78 kB
63.193 kB
react
FloatingPicker
242.221 kB
69.023 kB
react
FocusTrapZone
17.03 kB
5.924 kB
react
FocusZone
55.053 kB
17.47 kB
react
Grid
180.571 kB
54.626 kB
react
GroupedList
135.03 kB
40.749 kB
react
GroupedListV2
122.619 kB
37.852 kB
react
HoverCard
97.16 kB
30.816 kB
react
Icon
51.873 kB
17.266 kB
react
Icons
66.361 kB
24.397 kB
react
Image
46.887 kB
15.703 kB
react
Keytip
81.661 kB
26.758 kB
react
KeytipData
14.028 kB
4.587 kB
react
KeytipLayer
103.459 kB
32.014 kB
react
Keytips
106.227 kB
33.014 kB
react
Label
38.335 kB
13.251 kB
react
Layer
48.084 kB
16.358 kB
react
Link
39.668 kB
13.662 kB
react
List
39.4 kB
12.481 kB
react
MarqueeSelection
74.528 kB
22.424 kB
react
MessageBar
190.675 kB
57.075 kB
react
Modal
93.657 kB
30.253 kB
react
Nav
188.175 kB
56.524 kB
react
OverflowSet
33.376 kB
11.317 kB
react
Overlay
40.889 kB
14.084 kB
react
Panel
201.233 kB
60.035 kB
react
Persona
114.83 kB
36.503 kB
react
PersonaCoin
114.83 kB
36.503 kB
react
PersonaPresence
58.055 kB
19.378 kB
react
Pickers
294.244 kB
82.438 kB
react
Pivot
189.068 kB
57.252 kB
react
Popup
12.294 kB
4.195 kB
react
Positioning
22.807 kB
7.701 kB
react
ProgressIndicator
39.491 kB
13.54 kB
react
Rating
81.995 kB
26.107 kB
react
ResizeGroup
13.338 kB
4.377 kB
react
ResponsiveMode
8.13 kB
2.966 kB
react
ScrollablePane
55.551 kB
17.729 kB
react
SearchBox
188.95 kB
56.685 kB
react
SelectableOption
724 B
413 B
react
SelectedItemsList
232.732 kB
67.931 kB
react
Selection
42.464 kB
12.301 kB
react
Separator
35.372 kB
12.142 kB
react
Shimmer
49.238 kB
16.264 kB
react
ShimmeredDetailsList
240.748 kB
68.656 kB
react
Slider
57.639 kB
19.206 kB
react
SpinButton
192.651 kB
57.78 kB
react
Spinner
41.764 kB
14.469 kB
react
Stack
41.734 kB
14.268 kB
react
Sticky
32.613 kB
10.509 kB
react
Styling
46.033 kB
15.135 kB
react
SwatchColorPicker
190.896 kB
58.128 kB
react
TeachingBubble
205.952 kB
61.057 kB
react
Text
36.908 kB
12.822 kB
react
TextField
80.792 kB
25.333 kB
react
Theme
43.501 kB
14.183 kB
react
ThemeGenerator
12.392 kB
4.126 kB
react
TimePicker
241.859 kB
70.092 kB
react
Toggle
46.21 kB
15.966 kB
react
Tooltip
87.324 kB
28.217 kB
react
Utilities
82.675 kB
25.119 kB
react
Viewport
23.888 kB
7.656 kB
react
WeeklyDayPicker
101.917 kB
31.829 kB
react
WindowProvider
1.059 kB
541 B
🤖 This report was generated against c189a92730fbf4befd28fad97fc27638c277207d

@@ -0,0 +1,7 @@
{
Copy link
Collaborator

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual regressions to review in the fluentuiv8 Visual Regression Report

react-charting-LineChart 1 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-LineChart.Gaps.chromium.png 1 Changed

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 629 623 5000
Breadcrumb mount 1706 1718 1000
Checkbox mount 1712 1703 5000
CheckboxBase mount 1506 1473 5000
ChoiceGroup mount 2952 2934 5000
ComboBox mount 686 684 1000
CommandBar mount 6646 6570 1000
ContextualMenu mount 12106 12293 1000
DefaultButton mount 794 813 5000
DetailsRow mount 2212 2195 5000
DetailsRowFast mount 2250 2271 5000
DetailsRowNoStyles mount 2071 2003 5000
Dialog mount 2809 2861 1000
DocumentCardTitle mount 246 226 1000
Dropdown mount 1982 1999 5000
FocusTrapZone mount 1162 1174 5000
FocusZone mount 1109 1090 5000
GroupedList mount 42824 42864 2
GroupedList virtual-rerender 20322 20671 2
GroupedList virtual-rerender-with-unmount 51821 52017 2
GroupedListV2 mount 235 229 2
GroupedListV2 virtual-rerender 225 212 2
GroupedListV2 virtual-rerender-with-unmount 225 231 2
IconButton mount 1136 1132 5000
Label mount 347 340 5000
Layer mount 2740 2744 5000
Link mount 386 395 5000
MenuButton mount 986 992 5000
MessageBar mount 21229 21279 5000
Nav mount 2055 2026 1000
OverflowSet mount 783 813 5000
Panel mount 1870 1877 1000
Persona mount 739 751 1000
Pivot mount 917 917 1000
PrimaryButton mount 936 923 5000
Rating mount 4706 4661 5000
SearchBox mount 920 921 5000
Shimmer mount 1885 1887 5000
Slider mount 1348 1352 5000
SpinButton mount 3007 2990 5000
Spinner mount 390 401 5000
SplitButton mount 1912 1870 5000
Stack mount 421 416 5000
StackWithIntrinsicChildren mount 869 890 5000
StackWithTextChildren mount 2745 2809 5000
SwatchColorPicker mount 6400 6409 5000
TagPicker mount 1458 1509 5000
Text mount 394 386 5000
TextField mount 951 949 5000
ThemeProvider mount 853 858 5000
ThemeProvider virtual-rerender 589 592 5000
ThemeProvider virtual-rerender-with-unmount 1301 1301 5000
Toggle mount 620 616 5000
buttonNative mount 195 192 5000

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.

2 participants