[BUG] CSS position changing when adding the table export button

[sagesmith-wf]

[BUG] CSS position changing when adding the table export button

[paulwarren-wk]

I can see why this might occur, but I can't reproduce it with the provided sample. This is what I see. Without viewer:

With viewer:

[sagesmith-wf]

I can see why this might occur, but I can't reproduce it with the provided sample.

Sorry, the screenshots are a bit confusing, but not actually paired with the repro doc. It is an example of what could happen, but the actual issue being reported here is the switch to position:relative which could break peoples styles going forward (in the way shown in the screenshot)

[paulwarren-wk]

I can't see a way to fix this using pure CSS, as we want to position the export control relative to the table's top-left, and in order to do that we need it to be position:relative which will unavoidably interfere with positioning a child of the table relative to a parent of the table.

One fix would be to make the export controls children of the body, calculate the position of the table, and place the handles accordingly using JS, but positions would need updating if the document was reflowed due to zoom or change in viewport size.

[sagesmith-wf]

It seems reasonable to not fix all of the document style changes. We should probably add the ability to download the original filing though if we aren't going to fix