lineHeight is part of the shared Style interface, so TypeScript accepts it on <textarea> and <input>. But those elements ignore it. The row is always 26px, and changing fontSize doesn't change it either.
I tested this with @gpuix/react and @gpuix/native 0.7.0 on macOS arm64, with the native module built from cbc3de0, using createTestRoot and getElementBounds:
| Property |
Values I tried |
Box height |
lineHeight |
16, 18, 20, 24, unset |
26px (1 row), 78px (3 rows) |
fontSize |
10, 12, 14, 16, 20, 28 |
26px |
height |
20, 22, 26, 30 |
works as expected |
Only an explicit height changes the box, but it also overrides minRows and maxRows, so a composer that grows with its content can't use it.
This is also different from <code>, where the docs say rows scale with fontSize.
lineHeightis part of the sharedStyleinterface, so TypeScript accepts it on<textarea>and<input>. But those elements ignore it. The row is always 26px, and changingfontSizedoesn't change it either.I tested this with
@gpuix/reactand@gpuix/native0.7.0 on macOS arm64, with the native module built fromcbc3de0, usingcreateTestRootandgetElementBounds:lineHeightfontSizeheightOnly an explicit
heightchanges the box, but it also overridesminRowsandmaxRows, so a composer that grows with its content can't use it.This is also different from
<code>, where the docs say rows scale withfontSize.