Skip to content

Commit 7e6d5c7

Browse files
Fix wrong active size for mobile devices (#4122)
1 parent b92f6e5 commit 7e6d5c7

1 file changed

Lines changed: 10 additions & 1 deletion

File tree

src/Core.Assets/src/index.ts

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
export * from '@fluentui/web-components/dist/web-components'
1+
export * from '@fluentui/web-components/dist/web-components'
22
export { parseColorHexRGB } from '@microsoft/fast-colors'
33

44
import { accentBaseColor, neutralBaseColor, SwatchRGB, } from '@fluentui/web-components/dist/web-components'
@@ -74,6 +74,15 @@ fluent-number-field::part(control)
7474
{
7575
letter-spacing: inherit;
7676
}
77+
78+
fluent-text-area:not([disabled]):active::after,
79+
fluent-text-field:not([disabled]):active::after,
80+
fluent-search:not([disabled]):active::after,
81+
fluent-combobox:not([disabled]):active::after,
82+
fluent-number-field:not([disabled]):active::after
83+
{
84+
width: 100%; /* Fixes :active misplacement for touch devices */
85+
}
7786
`;
7887

7988
styleSheet.replaceSync(styles);

0 commit comments

Comments
 (0)