Skip to content

Adding a prop shouldUpdateWhenHidden to decide whether to update hidden callouts#10465

Merged
msft-github-bot merged 3 commits intomicrosoft:masterfrom
whykushal93:PersistedCallout
Sep 24, 2019
Merged

Adding a prop shouldUpdateWhenHidden to decide whether to update hidden callouts#10465
msft-github-bot merged 3 commits intomicrosoft:masterfrom
whykushal93:PersistedCallout

Conversation

@whykushal93
Copy link
Copy Markdown
Contributor

@whykushal93 whykushal93 commented Sep 16, 2019

Pull request checklist

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

Description of changes

Previously, to improve perf. we added code to stop updating a hidden callout or a contextual menu. This helped in not spending time to update Callouts which were not shown to the user.

Currently, we are working on a performance improvement that iteratively updates a hidden Callout during browser idle time. This would help us show a hidden Callout very fast to the user. For this however, we need the updates to propagated to a hidden callout as well. Hence, this change.

To maintain backwards compatibility and because in the default case, I still think it is valuable to not update a hidden Callout, I am introducing a prop rather than change behavior.

Focus areas to test

(optional)

Microsoft Reviewers: Open in CodeFlow

@whykushal93 whykushal93 changed the title Adding a prop shouldUpdateWhenHidden to decide whether to update callouts when hidden Adding a prop shouldUpdateWhenHidden to decide whether to update hidden callouts Sep 16, 2019
@size-auditor
Copy link
Copy Markdown

size-auditor Bot commented Sep 16, 2019

Asset size changes

Project Bundle Baseline Size New Size Difference
office-ui-fabric-react DocumentCard 197.485 kB 197.537 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Pivot 170.274 kB 170.326 kB ExceedsBaseline     52 bytes
office-ui-fabric-react CommandBar 183.552 kB 183.604 kB ExceedsBaseline     52 bytes
office-ui-fabric-react ComboBox 224.031 kB 224.083 kB ExceedsBaseline     52 bytes
office-ui-fabric-react SearchBox 170.774 kB 170.826 kB ExceedsBaseline     52 bytes
office-ui-fabric-react MessageBar 172.712 kB 172.764 kB ExceedsBaseline     52 bytes
office-ui-fabric-react SelectedItemsList 211.154 kB 211.206 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Dropdown 212.015 kB 212.067 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Facepile 193.588 kB 193.64 kB ExceedsBaseline     52 bytes
office-ui-fabric-react FloatingPicker 220.907 kB 220.959 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Dialog 189.772 kB 189.824 kB ExceedsBaseline     52 bytes
office-ui-fabric-react SpinButton 176.219 kB 176.271 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Pickers 261.402 kB 261.454 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Nav 171.725 kB 171.777 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Button 176.841 kB 176.893 kB ExceedsBaseline     52 bytes
office-ui-fabric-react SwatchColorPicker 174.804 kB 174.856 kB ExceedsBaseline     52 bytes
office-ui-fabric-react TeachingBubble 175.709 kB 175.761 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Breadcrumb 181.636 kB 181.688 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Panel 181.781 kB 181.833 kB ExceedsBaseline     52 bytes
office-ui-fabric-react Grid 164.963 kB 165.015 kB ExceedsBaseline     52 bytes
office-ui-fabric-react ContextualMenu 144.726 kB 144.778 kB ExceedsBaseline     52 bytes
office-ui-fabric-react HoverCard 95.559 kB 95.585 kB ExceedsBaseline     26 bytes
office-ui-fabric-react PersonaCoin 114.043 kB 114.069 kB ExceedsBaseline     26 bytes
office-ui-fabric-react Persona 114.043 kB 114.069 kB ExceedsBaseline     26 bytes
office-ui-fabric-react DatePicker 198.43 kB 198.456 kB ExceedsBaseline     26 bytes
office-ui-fabric-react Tooltip 80.612 kB 80.638 kB ExceedsBaseline     26 bytes
office-ui-fabric-react KeytipLayer 98.889 kB 98.915 kB ExceedsBaseline     26 bytes
office-ui-fabric-react Callout 80.573 kB 80.599 kB ExceedsBaseline     26 bytes
office-ui-fabric-react Keytip 76.58 kB 76.606 kB ExceedsBaseline     26 bytes

ExceedsTolerance Over Tolerance (1024 B) ExceedsBaseline Over Baseline BelowBaseline Below Baseline New New Deleted  Removed 1 kB = 1000 B

Baseline commit: 47d134d6e3ecdcdfb8406c2ad581c2dc3fe57906 (build)

@msft-github-bot
Copy link
Copy Markdown
Contributor

msft-github-bot commented Sep 16, 2019

Component Perf Analysis

No significant results to display.

All results

Scenario Master Ticks PR Ticks Status
BaseButton 816 784
BaseButton (experiments) 1037 1048
DefaultButton 1066 1060
DefaultButton (experiments) 1983 2011
DetailsRow 3347 3379
DetailsRow (fast icons) 3274 3342
DetailsRow without styles 3047 3021
DocumentCardTitle with truncation 31676 32554
MenuButton 1334 1399
MenuButton (experiments) 3532 3561
PrimaryButton 1221 1216
PrimaryButton (experiments) 2083 2018
SplitButton 2876 2809
SplitButton (experiments) 7081 7224
Stack 476 482
Stack with Intrinsic children 1115 1108
Stack with Text children 4268 4277
Text 362 382
Toggle 840 878
Toggle (experiments) 2255 2265
button 65 64

Comment thread packages/office-ui-fabric-react/src/components/Callout/Callout.types.ts Outdated
@natalieethell
Copy link
Copy Markdown
Contributor

@joschect can you take a look at this when you have a minute?

@msft-github-bot
Copy link
Copy Markdown
Contributor

Hello @natalieethell!

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.

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 msft-github-bot merged commit 2e926a3 into microsoft:master Sep 24, 2019
@msft-github-bot
Copy link
Copy Markdown
Contributor

🎉office-ui-fabric-react@v7.39.0 has been released which incorporates this pull request.:tada:

Handy links:

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.

5 participants