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(Accordion): Render title as div by default #12840

Merged
merged 3 commits into from
Apr 23, 2020

Conversation

pompomon
Copy link
Contributor

@pompomon pompomon commented Apr 23, 2020

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

Fix accordion title to be rendered as div instead of span

Microsoft Reviewers: Open in CodeFlow

…ordionTitle.tsx

Co-Authored-By: Marija Najdova <mnajdova@gmail.com>
@msft-github-bot
Copy link
Contributor

Hello @pompomon!

Because this pull request has the AutoMerge label, I will be glad to assist with helping to merge this pull request once all check-in policies pass.

Do note that I've been instructed to only help merge pull requests of this repository that have been opened for at least 8 hours, a condition that will be fulfilled in about 7 hours 48 minutes. No worries though, I will be back when the time is right! 😉

p.s. you can customize the way I help with merging this pull request, such as holding this pull request until a specific person approves. Simply @mention me (@msft-github-bot) and give me an instruction to get started! Learn more here.

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Apr 23, 2020

Perf Analysis

No significant results to display.

All results

Scenario Master Ticks PR Ticks Iterations Status
BaseButton 826 873 5000
Checkbox 1639 1609 5000
CheckboxBase 1376 1341 5000
ChoiceGroup 5165 5212 5000
ComboBox 925 917 1000
CommandBar 7292 7674 1000
ContextualMenu 15089 15312 1000
DefaultButton 1053 1059 5000
DetailsRow 3496 3543 5000
DetailsRow (fast icons) 3474 3557 5000
DetailsRow without styles 3287 3335 5000
Dialog 1514 1376 1000
DocumentCardTitle with truncation 1498 1509 1000
Dropdown 2441 2735 5000
FocusZone 1642 1628 5000
IconButton 1746 1714 5000
Label 303 300 5000
Link 459 450 5000
MenuButton 1462 1426 5000
Nav 3085 3161 1000
Panel 1440 1468 1000
Persona 839 844 1000
Pivot 1296 1306 1000
PrimaryButton 1220 1284 5000
SearchBox 1320 1324 5000
Slider 1532 1556 5000
Spinner 380 377 5000
SplitButton 3066 3093 5000
Stack 468 483 5000
Stack with Intrinsic children 1121 1110 5000
Stack with Text children 4185 4324 5000
TagPicker 2667 2808 5000
Text 380 390 5000
TextField 1431 1415 5000
Toggle 894 901 5000
button 57 57 5000

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🔧 Avatar.Fluent 0.5 0.49 1.02:1 2000 994
🦄 Button.Fluent 0.11 0.19 0.58:1 5000 538
🔧 Checkbox.Fluent 0.68 0.36 1.89:1 1000 675
🔧 Dialog.Fluent 0.36 0.21 1.71:1 5000 1816
🔧 Dropdown.Fluent 3.22 0.47 6.85:1 1000 3224
🔧 Icon.Fluent 0.15 0.05 3:1 5000 762
🎯 Image.Fluent 0.08 0.11 0.73:1 5000 411
🔧 Slider.Fluent 1.36 0.36 3.78:1 1000 1359
🔧 Text.Fluent 0.08 0.02 4:1 5000 380
🦄 Tooltip.Fluent 0.09 17.21 0.01:1 5000 468

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
GridMinimalPerf.default 729 636 1.15:1
ImageMinimalPerf.default 406 373 1.09:1
StatusMinimalPerf.default 760 705 1.08:1
AccordionMinimalPerf.default 202 188 1.07:1
FlexMinimalPerf.default 332 310 1.07:1
PortalMinimalPerf.default 328 310 1.06:1
TreeMinimalPerf.default 1325 1246 1.06:1
DropdownManyItemsPerf.default 1353 1288 1.05:1
ProviderMergeThemesPerf.default 1622 1548 1.05:1
RadioGroupMinimalPerf.default 669 636 1.05:1
ToolbarMinimalPerf.default 1117 1064 1.05:1
VideoMinimalPerf.default 686 655 1.05:1
HeaderSlotsPerf.default 1622 1559 1.04:1
PopupMinimalPerf.default 257 246 1.04:1
SegmentMinimalPerf.default 1002 967 1.04:1
Avatar.Fluent 994 957 1.04:1
Checkbox.Fluent 675 648 1.04:1
AttachmentMinimalPerf.default 143 139 1.03:1
AvatarMinimalPerf.default 510 496 1.03:1
LabelMinimalPerf.default 416 403 1.03:1
ListWith60ListItems.default 1176 1147 1.03:1
IconMinimalPerf.default 713 689 1.03:1
AnimationMinimalPerf.default 685 672 1.02:1
ButtonMinimalPerf.default 165 162 1.02:1
CardMinimalPerf.default 612 598 1.02:1
ChatDuplicateMessagesPerf.default 422 413 1.02:1
HierarchicalTreeMinimalPerf.default 1097 1075 1.02:1
MenuMinimalPerf.default 1933 1895 1.02:1
RefMinimalPerf.default 209 205 1.02:1
SliderMinimalPerf.default 1373 1343 1.02:1
SplitButtonMinimalPerf.default 3443 3361 1.02:1
AttachmentSlotsPerf.default 1178 1162 1.01:1
ItemLayoutMinimalPerf.default 1782 1770 1.01:1
TreeWith60ListItems.default 214 211 1.01:1
Slider.Fluent 1359 1351 1.01:1
DropdownMinimalPerf.default 3208 3203 1:1
ListMinimalPerf.default 509 508 1:1
Icon.Fluent 762 759 1:1
Image.Fluent 411 409 1:1
Text.Fluent 380 380 1:1
BoxMinimalPerf.default 318 321 0.99:1
ChatMinimalPerf.default 636 645 0.99:1
ChatWithPopoverPerf.default 599 603 0.99:1
EmbedMinimalPerf.default 4243 4267 0.99:1
ListNestedPerf.default 897 909 0.99:1
ReactionMinimalPerf.default 1878 1896 0.99:1
TextMinimalPerf.default 372 374 0.99:1
TextAreaMinimalPerf.default 2767 2800 0.99:1
CustomToolbarPrototype.default 3550 3577 0.99:1
TooltipMinimalPerf.default 746 755 0.99:1
Button.Fluent 538 543 0.99:1
Dropdown.Fluent 3224 3263 0.99:1
ButtonSlotsPerf.default 609 619 0.98:1
CarouselMinimalPerf.default 598 608 0.98:1
CheckboxMinimalPerf.default 2866 2913 0.98:1
FormMinimalPerf.default 850 864 0.98:1
InputMinimalPerf.default 934 953 0.98:1
ListCommonPerf.default 1026 1042 0.98:1
ProviderMinimalPerf.default 628 643 0.98:1
TableMinimalPerf.default 604 617 0.98:1
Dialog.Fluent 1816 1844 0.98:1
Tooltip.Fluent 468 476 0.98:1
HeaderMinimalPerf.default 531 548 0.97:1
AlertMinimalPerf.default 299 310 0.96:1
DialogMinimalPerf.default 1770 1850 0.96:1
LayoutMinimalPerf.default 599 627 0.96:1
LoaderMinimalPerf.default 770 801 0.96:1
MenuButtonMinimalPerf.default 1598 1669 0.96:1
DividerMinimalPerf.default 756 811 0.93:1

@size-auditor
Copy link

size-auditor bot commented Apr 23, 2020

Asset size changes

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

Baseline commit: 2081ac4da8b1a4f37483a1a653fca74dd3ed9e12 (build)

@msft-github-bot msft-github-bot merged commit 4818ed7 into microsoft:master Apr 23, 2020
DuanShaolong pushed a commit to DuanShaolong/fluentui that referenced this pull request Apr 27, 2020
#### Pull request checklist

- [ ] Addresses an existing issue: Fixes #0000
- [ ] Include a change request file using `$ yarn change`

#### Description of changes

Fix accordion title to be rendered as `div` instead of `span`
miroslavstastny pushed a commit that referenced this pull request May 13, 2020
- [ ] Addresses an existing issue: Fixes #0000
- [ ] Include a change request file using `$ yarn change`

Fix accordion title to be rendered as `div` instead of `span`

(cherry picked from commit 4818ed7)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants