Daniel Horvath

Is there an issue with this PR? how come it's not been merged yet?

First of all great work, this is a super nice tool! It seems there's not too much activity on this issue - is there any update on this feature request?

Thanks both, but these workarounds don't solve my issue. In my usecase I _need_ to know about whether the parent element has been attached to the dom. Also, I believe...

I managed to reproduce the same issue by suspending on a simple promise instead of a lazy loaded component in the render cycle. Here's a sandbox for it: https://codesandbox.io/s/happy-williams-9yjs4p?file=/src/App.js ```jsx...

It does need `useState`. I need a reference to the dialog element and my code needs to react to changes to that ref.

My component needs to re-render when the reference changes, therefore I need a `useState`. The code example in the bug description is a simplified version of my usecase.

That works, although if I understand correctly it means that it's not possible the whole of `RenderAfterMount` in this usecase.

I do the following: 1. focus the "Setting" button 2. press arrow down to open the menu and focus the "Account settings" item 3. press arrow down again to focus...

I experienced the same thing (also with css modules), currently I'm relying on [css variables as a workaround](https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Afalse%2C%22customMedia%22%3Atrue%2C%22cssModules%22%3Atrue%2C%22analyzeDependencies%22%3Afalse%2C%22targets%22%3A%7B%22chrome%22%3A6225920%7D%2C%22include%22%3A0%2C%22exclude%22%3A0%2C%22source%22%3A%22.filterRow%20%7B%5Cn%20%20--filter-row--filter-grid-area%3A%20filter%3B%5Cn%20%20--filter-row--operator-grid-area%3A%20operator%3B%5Cn%20%20--filter-row--condition-grid-area%3A%20condition%3B%5Cn%5Cn%20%20grid-template-columns%3A%20%5Bvar(--filter-row--filter-grid-area)%5D%201fr%20%5Bvar(--filter-row--operator-grid-area)%5D%20var(--sizing-300)%20%5Bvar(--filter-row--condition-grid-area)%5D%201fr%3B%5Cn%7D%5Cn%5Cn.filter%20%7B%5Cn%20%20grid-column%3A%20var(--filter-row--filter-grid-area)%3B%5Cn%7D%5Cn%22%2C%22visitorEnabled%22%3Afalse%2C%22visitor%22%3A%22%7B%5Cn%20%20Color(color)%20%7B%5Cn%20%20%20%20if%20(color.type%20%3D%3D%3D%20'rgb')%20%7B%5Cn%20%20%20%20%20%20color.g%20%3D%200%3B%5Cn%20%20%20%20%20%20return%20color%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%22%2C%22unusedSymbols%22%3A%5B%5D%2C%22version%22%3A%22local%22%7D). Source: ```css .filterRow { --filter-row--filter-grid-area: filter; --filter-row--operator-grid-area: operator; --filter-row--condition-grid-area: condition; grid-template-columns: [var(--filter-row--filter-grid-area)]...

thanks for the tip @mkrause! 🙏