Package version
2.0.326
React version
18.3.1
Environment
System:
OS: Windows 11 10.0.26200
CPU: (16) x64 Intel(R) Core(TM) Ultra 7 255H
Memory: 1.87 GB / 31.49 GB
Browsers:
Edge: Chromium (147.0.3912.72)
Internet Explorer: 11.0.26100.8115
npmPackages:
@fluentui/example-data: ^8.4.6 => 8.4.13
@fluentui/react: ^8.106.5 => 8.112.9
@fluentui/react-components: ^9.73.8 => 9.73.8
@fluentui/react-datepicker-compat: ^0.6.31 => 0.6.31
@fluentui/react-icons: ^2.0.326 => 2.0.326
@fluentui/react-northstar: ^0.71.4 => 0.71.4
@types/react: ^18.3.28 => 18.3.28
@types/react-dom: ^18.3.7 => 18.3.7
react: ^18.3.1 => 18.3.1
react-dom: ^18.3.1 => 18.3.1Current Behavior
After upgrading react to version 18, i have encountered a problem where AddRegular icon is blurry:
On old version of the react (17.0.2) it was working just fine:
It is the same for all AddRegular icons in the app.
Funny thing i noticed is that this only happens if font size property of svg tag is even number in px (16, 18, 20)... When i change it to odd number, it works fine.
Before update i was using 2.0.222 version of @fluentui/react-icons and after update i tried using the latest 2.0.326 when i noticed this issue.
I've installed previous version of @fluentui/react-icons until i found one that works. Last one i was able to find that works is 2.0.279, when i try installing next available 2.0.292, the issue occurs.
As i am new to react maybe i am doing something wrong ...
Expected Behavior
I would like that this icon as displayed properly even if the font size is even number in px.
Reproduction
https://stackblitz.com/edit/vitejs-vite-y5guci3f?file=package.json
Steps to reproduce
Just install latest @flunetui/react-icons with react version 18.3.1 and use AddRegular button with even font size ix px and odd font size in px.
Are you reporting an Accessibility issue?
None
Suggested severity
Medium - Has workaround
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations
Package version
2.0.326
React version
18.3.1
Environment
System: OS: Windows 11 10.0.26200 CPU: (16) x64 Intel(R) Core(TM) Ultra 7 255H Memory: 1.87 GB / 31.49 GB Browsers: Edge: Chromium (147.0.3912.72) Internet Explorer: 11.0.26100.8115 npmPackages: @fluentui/example-data: ^8.4.6 => 8.4.13 @fluentui/react: ^8.106.5 => 8.112.9 @fluentui/react-components: ^9.73.8 => 9.73.8 @fluentui/react-datepicker-compat: ^0.6.31 => 0.6.31 @fluentui/react-icons: ^2.0.326 => 2.0.326 @fluentui/react-northstar: ^0.71.4 => 0.71.4 @types/react: ^18.3.28 => 18.3.28 @types/react-dom: ^18.3.7 => 18.3.7 react: ^18.3.1 => 18.3.1 react-dom: ^18.3.1 => 18.3.1Current Behavior
After upgrading react to version 18, i have encountered a problem where AddRegular icon is blurry:
On old version of the react (17.0.2) it was working just fine:
It is the same for all AddRegular icons in the app.
Funny thing i noticed is that this only happens if font size property of svg tag is even number in px (16, 18, 20)... When i change it to odd number, it works fine.
Before update i was using 2.0.222 version of @fluentui/react-icons and after update i tried using the latest 2.0.326 when i noticed this issue.
I've installed previous version of @fluentui/react-icons until i found one that works. Last one i was able to find that works is 2.0.279, when i try installing next available 2.0.292, the issue occurs.
As i am new to react maybe i am doing something wrong ...
Expected Behavior
I would like that this icon as displayed properly even if the font size is even number in px.
Reproduction
https://stackblitz.com/edit/vitejs-vite-y5guci3f?file=package.json
Steps to reproduce
Just install latest @flunetui/react-icons with react version 18.3.1 and use AddRegular button with even font size ix px and odd font size in px.
Are you reporting an Accessibility issue?
None
Suggested severity
Medium - Has workaround
Products/sites affected
No response
Are you willing to submit a PR to fix?
no
Validations