[BUG]: text-animations/fuzzy-text

[MrRoiz]

Describe the issue

Safari Bug

when using this component on its latest version, it looks pretty small, we're using the components just as it is, without props or anything

unlike to how it looks like on android with a different browser

Reproduction Link

No response

Steps to reproduce

Use the component in Safari

Validations

• I have checked other issues to see if my issue was already reported or addressed

[DavidHDev]

It's not a bug, you need to add your desired font size and change it accordingly with media queries where needed.

[MrRoiz]

@DavidHDev The clamp function should do that automatically

react-bits/src/content/TextAnimations/FuzzyText/FuzzyText.jsx

Line 5 in 45d637e

fontSize = 'clamp(2rem, 10vw, 10rem)',

Safary is not following the min value of 2rem in the clamp function but when using a fixed font size of 2rem it works.

When using this numericFontSize to setup the font size in the canvas, instead of using a clamp function directly it works on Safari and other browsers

react-bits/src/content/TextAnimations/FuzzyText/FuzzyText.jsx

Line 60 in 45d637e

numericFontSize = parseFloat(computedSize);

The issue is not happening just in Safari mobile, on desktop is not following the font size with clamp}

But I'd like to hear your thoughts about this.