Forum Bugs

CSS 3 Transforms are not applied to annotatations

John
When transforming (rotating) a container, such as a list, the annotations are not transformed. Taking this list for example:

<ul id="mylist">
	<li class="item"><a href="http://www.prince.com">test</a></li>
	<li class="item"><a href="http://www.prince.com">test</a></li>
	<li class="item"><a href="http://www.prince.com">test</a></li>
	<li class="item"><a href="http://www.prince.com">test</a></li>
</ul>


and

#mylist{
	transform: rotate(-90deg);
	transform-origin: left top;
}


While the list is rotated correctly, the links do not work anymore. However, if you hover over the place the links used to be before the rotation, you will recognize the annotations are still there and work. I'm using the latest prince alpha version in Ubuntu x64.
mikeday
This is a known issue on the roadmap that we hope to fix in the future.

It's difficult to handle in the general case, as CSS transforms can rotate a link by 45 degrees, and PDF annotations are always axially aligned rectangles that cannot be rotated arbitrary amounts. But the common special case of translations and 90 degree rotations is definitely possible.
mikeday
We have a fix for this issue available now in latest builds. The fix isn't in Prince 12, but will be included in the next maintenance release.
mikeday
The fix is now available in Prince 12.1, along with support for rotated links.
John
Hello Mike,

that's great man, thanks for the heads up.

Greetings,
John