Skip to content

Remove outline from Popup#7859

Merged
leddie24 merged 4 commits intomicrosoft:masterfrom
jhellesen:u/jehell/popup-outline
Feb 4, 2019
Merged

Remove outline from Popup#7859
leddie24 merged 4 commits intomicrosoft:masterfrom
jhellesen:u/jehell/popup-outline

Conversation

@jhellesen
Copy link
Contributor

@jhellesen jhellesen commented Jan 31, 2019

Description of changes

#7839 fixed a keyboarding issue by adding a tabIndex to the Popup, but this change also introduced a blue outline around the Popup as a side effect when clicking the Popup in specific browsers such as Chrome. Note this does not happen in Edge.

This change removes the outline from the Popup to remove the unintended visual change introduced by #7839

Focus areas to test

Components using Popup - like Callout or Modal - and their visual appearance when clicked or when keyboarding.

Microsoft Reviewers: Open in CodeFlow

@leddie24
Copy link
Collaborator

leddie24 commented Feb 1, 2019

Hi @jhellesen, thanks for your contribution. It looks like you're missing a change file, can you please run npm run change and commit the file at your earliest convenience?

@size-auditor
Copy link

size-auditor bot commented Feb 1, 2019

Bundle test Size (minified) Diff from master
ActivityItem 164.903 kB ExceedsBaseline     15 bytes
Modal 112.082 kB ExceedsBaseline     15 bytes
Grid 225.695 kB ExceedsBaseline     15 bytes
Pivot 231.171 kB ExceedsBaseline     15 bytes
Pickers 323.707 kB ExceedsBaseline     15 bytes
PersonaCoin 158.655 kB ExceedsBaseline     15 bytes
Persona 158.583 kB ExceedsBaseline     15 bytes
Panel 235.844 kB ExceedsBaseline     15 bytes
Dialog 238.482 kB ExceedsBaseline     15 bytes
Nav 231.976 kB ExceedsBaseline     15 bytes
MessageBar 231.844 kB ExceedsBaseline     15 bytes
ContextualMenu 189.792 kB ExceedsBaseline     15 bytes
DocumentCard 275.383 kB ExceedsBaseline     15 bytes
Dropdown 265.605 kB ExceedsBaseline     15 bytes
ExtendedPicker 210.426 kB ExceedsBaseline     15 bytes
Tooltip 129.284 kB ExceedsBaseline     15 bytes
KeytipLayer 208.349 kB ExceedsBaseline     15 bytes
Facepile 258.929 kB ExceedsBaseline     15 bytes
Keytip 192.699 kB ExceedsBaseline     15 bytes
FloatingPicker 348.883 kB ExceedsBaseline     15 bytes
DatePicker 244.595 kB ExceedsBaseline     15 bytes
Popup 66.17 kB ExceedsBaseline     15 bytes
CommandBar 243.608 kB ExceedsBaseline     15 bytes
ComboBox 282.15 kB ExceedsBaseline     15 bytes
Breadcrumb 243.348 kB ExceedsBaseline     15 bytes
Button 222.295 kB ExceedsBaseline     15 bytes
TeachingBubble 233.504 kB ExceedsBaseline     15 bytes
SwatchColorPicker 241.103 kB ExceedsBaseline     15 bytes
Callout 123.005 kB ExceedsBaseline     15 bytes
SpinButton 235.905 kB ExceedsBaseline     15 bytes
HoverCard 134.102 kB ExceedsBaseline     15 bytes
SelectedItemsList 281.348 kB ExceedsBaseline     15 bytes
SearchBox 228.61 kB ExceedsBaseline     15 bytes

ExceedsTolerance  Exceeds Tolerance     ExceedsBaseline  Exceeds Baseline     BelowBaseline  Below Baseline     1 kB = 1000 bytes

@leddie24 leddie24 self-requested a review February 1, 2019 20:48
@leddie24
Copy link
Collaborator

leddie24 commented Feb 1, 2019

@micahgodbolt @Jahnp @atneik , can you take a look at this PR at your earliest convenience please? Thanks!

@micahgodbolt
Copy link
Member

Looks fine to me, my only request would be some screenshots

@leddie24
Copy link
Collaborator

leddie24 commented Feb 2, 2019

Screenshot below of the unintended effect:

image

After screenshot is just our current state

image

@leddie24 leddie24 merged commit 7ab8c23 into microsoft:master Feb 4, 2019
@msft-github-bot
Copy link
Contributor

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

Handy links:

@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 30, 2019
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.

7 participants