Image with "position:fixed" CSS property not visible in Author

[fhorn]

Hello,

I've got a related question concerning the "position:fixed" CSS
property. In our framework in oXygen version 17 and 18 the author mode
shows an image in the top right corner. The image is a link and it
has the "position:fixed" CSS property to be always visible.

The properties are defined as the following:

Code: Select all

TEI[xml|id]:before{

	link:"http://www.website.net/preview.html?uuid=" attr(xml|id);

    content: oxy_url("${framework}/images/preview.jpg");

    position:fixed;

    left: 90%;

    display:block;

}

We experienced the following problem in the author mode. If I minimize the editor a lot,
the image disappears. If I scroll to the right, the image is still missing.

The same happens if I have two additional views left and right, e.g. data source explorer
and the outline and maximize the right one. The image disappears and even
if I scroll to the right, the image is still missing.

Do you have any advice how we could change the CSS properties to avoid this?

It's a rare problem and of course, we can use "toggle auto-hide" for the additional views
but maybe you have an idea.

Regards
Franziska

[Radu]

Hi Franziska,

This looks like a bug on our side, from what we looked at the CSS specs that "90%" should be computed relative to the viewport width but we compute it relative to the entire width of the content inside the scrollable area.
So we'll try to fix this on our side possibly in Oxygen 20 (Spring 2018). In the meantime you can try to use pixels instead of relative "left" values.

Regards,
Radu

[fhorn]

Hi Radu,

thank you, that's good news!

Regards
Franziska

[Radu]

Hi,

We released Oxygen XML Editor version 20 which should have a fix for this reported issue.

Regards,
Radu