Expensify/react-native-live-markdown

Fix web markdown input layout when entering newlines

Closed this issue · 1 comments

Objective

Enhance how numberOfLines prop works and how it limits/sets the height of contentEditable element. After every render markdown input sets it's height to auto and we are resetting it to our calculated value, which causes the above problem.

Current state

After entering text with markdown, changing the numberOfLines prop when entering a new line, causes problems with the layout. The input is flickering and jumping at the top.

web-bug.mov

Fixed in E/App - Expensify/App#40128. Closing this issue