Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

feat(List+Dropdown): wrapper for custom scrollbar in list#2092

Merged
jurokapsiar merged 9 commits intomasterfrom
list/custom-scroll
Jan 15, 2020
Merged

feat(List+Dropdown): wrapper for custom scrollbar in list#2092
jurokapsiar merged 9 commits intomasterfrom
list/custom-scroll

Conversation

@jurokapsiar
Copy link
Contributor

Optional prop/slot for container in list which allows the Dropdown to integrate with custom scrollbars.
Dropdown focuses its list after open. As some custom scrollbar libraries render itself twice, the focusing was broken (first rendered element was focused, then removed)

Instead, a wrapper between the list and list item is added, which can be used to inject the custom scrollbars.

@DustyTheBot
Copy link
Collaborator

DustyTheBot commented Jan 14, 2020

Perf comparison

Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🔧 Avatar.Fluent 0.58 0.4 1.45:1 2000 1158
🔧 Button.Fluent 1.19 0.16 7.44:1 1000 1187
🔧 Checkbox.Fluent 1.37 0.29 4.72:1 1000 1367
🔧 Dialog.Fluent 0.32 0.16 2:1 5000 1604
🔧 Dropdown.Fluent 3.37 0.36 9.36:1 1000 3365
🔧 Icon.Fluent 0.25 0.03 8.33:1 5000 1273
🔧 Image.Fluent 0.1 0.07 1.43:1 5000 493
🔧 Slider.Fluent 1.77 0.29 6.1:1 1000 1774
🦄 Text.Fluent 0.06 0.18 0.33:1 5000 278
🦄 Tooltip.Fluent 0.34 17.73 0.02:1 5000 1704

🔧 Needs work     🎯 On target     🦄 Amazing

Generated by 🚫 dangerJS

Copy link
Member

@layershifter layershifter left a comment

Choose a reason for hiding this comment

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

👍

@jurokapsiar jurokapsiar changed the title feat(List+Dropdown): container for custom scrollbar in list feat(List+Dropdown): wrapper for custom scrollbar in list Jan 15, 2020
@jurokapsiar jurokapsiar merged commit 3850afe into master Jan 15, 2020
@jurokapsiar jurokapsiar deleted the list/custom-scroll branch January 15, 2020 15:40
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants