I’ve seen the JS file in my app so I figured they add classes for multiple things, what I don’t get is the standard way to manage this as you can quite easily do what I’ve done and spend I day working on something then find out its impossible to complete without restructuring everything.
Some of the other things I’ve had to deal with could only be done due to setting position which I didn’t really want to do.
My issue btw was being caused by this:
<body>
<main class="container">
<%= @inner_content %>
</main>
</body>
I figured I could create a general container for all my live views like the above
The issue was that the inspect order was this
- Container - 100%
- Phx-Connected - No value
- Rest of my code - 100% of nothing is nothing
This meant that the containers 100% width just disappears at the phx-connected stage
I’ve now just wrapped all my liveviews with container to change the order to
- Phx-Connected - No value
- Container - 100%
- Rest of my code - 100%
It’s messed a bunch of things up but at least it will hopefully work going forwards.
