Skip to content

Conversation

@behowell
Copy link
Contributor

@behowell behowell commented Feb 17, 2023

Previous Behavior

The width of the focus underline for <Input appearance="underline" /> is 1px too wide on each side.

New Behavior

Reduce the width of the focus underline element to match the non-focus underline's width.

Related Issue(s)

@size-auditor
Copy link

size-auditor bot commented Feb 17, 2023

Asset size changes

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

Baseline commit: ba7aaecf417043f343933edc159bb5c7e745c8c6 (build)

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 0d55cec:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-input
Input
23.89 kB
7.246 kB
24.01 kB
7.295 kB
120 B
49 B
react-input
InputField
33.626 kB
10.099 kB
33.746 kB
10.152 kB
120 B
53 B
react-spinbutton
SpinButton
44.079 kB
12.356 kB
44.199 kB
12.374 kB
120 B
18 B
react-spinbutton
SpinButtonField
53.015 kB
14.806 kB
53.135 kB
14.823 kB
120 B
17 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
64.09 kB
17.544 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
201.941 kB
56.241 kB
react-components
react-components: FluentProvider & webLightTheme
35.049 kB
11.533 kB
react-portal-compat
PortalCompatProvider
6.324 kB
2.129 kB
🤖 This report was generated against ba7aaecf417043f343933edc159bb5c7e745c8c6

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1834 1863 5000
Button mount 1262 1243 5000
Field mount 2832 2964 5000
FluentProvider mount 2207 2151 5000
FluentProviderWithTheme mount 788 784 10
FluentProviderWithTheme virtual-rerender 738 755 10
FluentProviderWithTheme virtual-rerender-with-unmount 808 816 10
InfoButton mount 703 694 5000
MakeStyles mount 2509 2507 50000
Persona mount 4347 4252 5000
SpinButton mount 3563 3534 5000

@behowell behowell marked this pull request as ready for review February 17, 2023 19:33
@behowell behowell requested review from a team and spmonahan as code owners February 17, 2023 19:33
@behowell behowell merged commit 29ed7fb into microsoft:master Feb 21, 2023
@behowell behowell deleted the input/underline-focus branch February 21, 2023 22:20
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Feb 24, 2023
* master: (93 commits)
  chore: migrate to jest 27 (microsoft#26835)
  chore: make lint task run without need of build (microsoft#26872)
  chore(react-table): exports UseTableSelectionOptions (microsoft#26892)
  applying package updates
  fix(react-card): allow elements to grow to fill the available space (microsoft#26616)
  fix: Popover without focus trap should not be aria-hidden (microsoft#26932)
  applying package updates
  applying package updates
  fix(react-combobox): Remove _getAriaActiveDescendantValue, compute aria-activedescendantvalue in state, and update currentPendingValue when the options change (microsoft#26574)
  fix: v8 Combobox role and accname for non-hidden icon button (microsoft#26905)
  fix: Removing possible recursive loop in Coachmark (microsoft#26934)
  Combobox: Fix cursor jumping to the end of input (microsoft#26931)
  Fix missing icons on website (microsoft#26797)
  fix: Fix the width of Input's focus border with appearance=underline (microsoft#26881)
  chore: Clean up Input's interactive styles (microsoft#26865)
  Remove codeowners from change files (microsoft#26935)
  chore: add splitbutton error warning to docs, remove button ariaDescription example (microsoft#26904)
  docs: Remove testing code from MenuList example (microsoft#26929)
  chore: refactor SpinButton to use makeResetStyles (microsoft#26867)
  feat: Set overflow on positioned element when `autosize` is applied (microsoft#26868)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Mar 15, 2023
…r-component

* feat/drawer-base-component: (141 commits)
  remove DrawerContainer
  feat: WIP add initial draft for Drawer and DrawerContainer
  chore: migrate to jest 27 (microsoft#26835)
  chore: make lint task run without need of build (microsoft#26872)
  chore(react-table): exports UseTableSelectionOptions (microsoft#26892)
  applying package updates
  fix(react-card): allow elements to grow to fill the available space (microsoft#26616)
  fix: Popover without focus trap should not be aria-hidden (microsoft#26932)
  applying package updates
  applying package updates
  fix(react-combobox): Remove _getAriaActiveDescendantValue, compute aria-activedescendantvalue in state, and update currentPendingValue when the options change (microsoft#26574)
  fix: v8 Combobox role and accname for non-hidden icon button (microsoft#26905)
  fix: Removing possible recursive loop in Coachmark (microsoft#26934)
  Combobox: Fix cursor jumping to the end of input (microsoft#26931)
  Fix missing icons on website (microsoft#26797)
  fix: Fix the width of Input's focus border with appearance=underline (microsoft#26881)
  chore: Clean up Input's interactive styles (microsoft#26865)
  Remove codeowners from change files (microsoft#26935)
  chore: add splitbutton error warning to docs, remove button ariaDescription example (microsoft#26904)
  docs: Remove testing code from MenuList example (microsoft#26929)
  ...
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