Input in a grid item loses focus due to extra parent rerendering

kettanaito / atomic-layout

Build declarative, responsive layouts in React using CSS Grid.

https://redd.gitbook.io/atomic-layout

MIT License

1.13k stars 33 forks source link

Input in a grid item loses focus due to extra parent rerendering #320

Closed devmao closed 4 years ago

devmao commented 4 years ago

When:

1 - Open this codesandbox https://codesandbox.io/s/atom-layout-playground-5d7iu 2 - Start typing into the red text input

Current behaviour:

At any keypress, the input loses the focus

Expected behaviour:

The input doesn't lose the focus

Environment:

node vesrion: n/a
npm version: n/a
atomic-layout version: 0.15

kettanaito commented 4 years ago

Thanks for reporting this, @devmao. I'll investigate what's wrong. I'm slightly overloaded right now, so it may take up to a week. Anybody willing to dive into this is welcome.

kettanaito commented 4 years ago

The issue is fixed. Published in 0.16.1.

@devmao, could you please update and confirm that? Thanks!

devmao commented 4 years ago

works! thank you