search

bymi15 / react-edit-text

Simple 'click to edit' editable text component for React
https://www.npmjs.com/package/react-edit-text
MIT License
53 stars 10 forks source link

EditText inline becomes a block while editing #29

Closed giohappy closed 2 years ago

giohappy commented 2 years ago

I've tried using the inline prop to make the EditText render inline. It works until you don't edit it. Once it's clicked it gets assigned the default _1EEDX class, which has display: block.

<div><EditText value={name} inline />[{id}]</div>

This: image

becomes: image

How should I style the component to show inline while editing?

bymi15 commented 2 years ago

Hi @giohappy, Thanks for raising this. There is currently a bug with the props not being properly passed to the display component. This will be fixed soon!

giohappy commented 2 years ago

thanks for the feedback @bymi15. Do you know when the fix will be available?

bymi15 commented 2 years ago

:tada: This issue has been resolved in version 4.4.1 :tada:

The release is available on:

Your semantic-release bot :package::rocket: