Thanks for sending this test project. Your example does indeed not show scrollbars when embedded in a view canvas and hovered over.
I did expand upon your example and copied your "SVG" view into a new view called "SVG_1". The only difference on this view is that I set the root container and icon style properties to use overflow: visible rather than hidden, as this is actually the desired behavior for the hover style. (I know I used hidden in my OP, blame that on my lack of CSS knowledge).
I then added an instance to the view canvas of "SVG_1" and went into preview mode.
Hover over instance 0 (hidden) --> no scroll bars
Hover over instance 1 (visible) --> scroll bars
Change instance 1 style props to overflow: visible
Hover over instance 1 --> scroll bars
I then added an embedded view of SVG to View view
Hover over SVG --> no scroll-bars, cropped on hover
I then added an embedded view of SVG_1 to View view
Hover over SVG_1 --> no scroll-bars, not cropped on hover (desired behavior)
I then inspected all 4 of the above elements and highlighted the differences in the <div>s in the below screenshot. You can see that, in the view canvas instances, that there is an overflow: auto attribute added that is not accounted for in the instance properties or the embedded view definitions themselves.
From the side-by-side comparisons, you can see that this overflow: auto that is somehow inserted into the view canvas instances is causing the unwanted scroll-bars and, for my use case, is making the view canvas unusable.
Attaching my modified project from your example.
ViewCanvas_2024-03-08_1754.zip (24.5 KB)