I have two VS Code solutions, each one implementing (among other things), a different SPFx Application Customiser - both render content in the top placeholder. Solution 1 has Extension 1, and Solution 2 has Extension 2.
Upon deployment of the two solutions, both extensions render correctly, but the one on top of the other. Obviously, due to the fact that the loading takes place asynchronously, upon refresh, one time the Extension 1 appears on top of Extension 2 (in the top placeholder), the next time, the other way around.
The question is the following: Is there a way to control the relative placement of the content of the extensions? For example, in the "private _renderPlaceHolders()", check if there is another element in DOM and use jQuery to select relative placement - the target outcome is to have the extensions next to each other, with extension 1 always on the left.
Obviously, the easy way out is to merge both extensions into one and have full control, but I am trying to avoid this approach, because the solutions should be separated