Incorrect initial height when font-size isn't the initial value

I’d like to create textareas with two different font-size. The problem is fixed after typing something.

Apply _resizeComponent() with setTimeout inside componentDidMount fixes de problem but I don’t now if this is the best solution:

_proto.componentDidMount = function componentDidMount() {
  [...]
  setTimeout(() => this._resizeComponent())
  [...]
}

[Andarist]

That is because aphrodite does not inject styles immediately but rather it uses some kind of scheduling - https://github.com/Khan/aphrodite/blob/62ee2f0a39f10be75322dc0f77d1346e9731ffbf/src/inject.js#L163-L178

We cannot work around this in here, the timing of the injection is nondeterministic - you have to find hacky way to solve this for your case. Maybe you can call flushToStyleTag in some react hook before Textarea’s componentDidMount gets called? You probably would have to do smth like

someHookInSomeComponent() {
  css(styles.bigFont)
  flushToStyleTag()
}

because css call is actually queuing the style insertion.

[Andarist]

No problem, going to close the issue as solved 😃