search

malte-wessel / react-textfit

React component to fit headlines and paragraphs into elements
http://malte-wessel.github.io/react-textfit/
MIT License
470 stars 143 forks source link

Can not process element without height. Make sure the element is displayed and has a static height. #35

Open joshpitzalis opened 6 years ago

joshpitzalis commented 6 years ago

This console error only comes up when I run unit tests. \ I have tried adding a height to the component, wrapping in a span with a height, encasing a span with a height. No luck. Any suggestions for removing this warning?

pioz commented 4 years ago

Any update?

aonawale commented 4 years ago

I have same issue. You have to explicitly set height style on the component for multi mode to work.

juliankigwana commented 3 years ago

I have the same, it works in that it resizes the text as expected, but triggers all these warnings in the console. Ideally the warnings should be removed from the source code, but in the mean time I have created a nasty hack.

height: "calc(100% + 1px)"

TomPlum commented 3 years ago

I'm getting the same thing in single mode. Littering my test run with literally hundreds of warnings. Destroys my terminal performance, fills the buffer and makes it very difficult to see legitimate problems 😢

berzi commented 2 years ago

Same here, even in single mode. Is this even maintained anymore?

TomPlum commented 2 years ago

@berzi I ended up forking it and removing the warning. It's here if you wanna switch over https://www.npmjs.com/package/@tomplum/react-textfit

Hrushi01 commented 1 year ago

Any updates? I am new to JEST and I am getting same issue

papaya-reader commented 1 year ago

@berzi I ended up forking it and removing the warning. It's here if you wanna switch over npmjs.com/package/@tomplum/react-textfit

thanks for the repo. but yours has this issue with Typescript 'Textfit' only refers to a type, but is being used as a value here