I have experienced some struggles with tabbing in popups. When opening the popup, the tabbing continues in the background of the popup instead of the first HTML element of the popup content itself. For that reason, I have created a pattern component that manually sets the tabbing focus on the first element of the popup in the onReady action. This works fine most of the times. 

However, I'm experiencing problems with one popup that implements this pattern. This specific popup consumes the pattern, setting the tabbing focus just like the other popups but it also fetches data via a data action. The first element in the popup gains tabbing focus for a very short moment before tabbing focus moves to the background of the popup. My guess is that this has something to do with that once the data is fetched, it causes the popup to rerender and since the tabbing focus is only set once in the onReady of the pattern component, it won't get set again after the rerendering of the screen has happened. Does someone know how I could solve this issue? 

I have tried:

• Moving the Javascript that sets tabbing in the pattern component from OnReady to OnParametersChanged and manually triggering a change in the pattern component by an input parameter that is set once the data in the consumption component finished fetching data
• Setting the input parameter of the pattern component in the OnRender of the consumption component