Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Contributor
deedubbu
Posts: 35
Registered: ‎07-07-2011
My Device: Torch
My Carrier: AT&T

-webkit-transform: rotate broken on OS 7.1?

I don't have an OS 7.1 device, but have been testing on simulators and it seems like -webkit-transform: rotate is broken. I have very simple code that should rotate some text by 45 degrees.  It works on an OS 6 simulator and an OS 7.0 simulator (9810 running 7.0.0.540) but on an OS 7.1 simulator (9810 running 7.1.0.342) the text is not displayed. Is this a bug?

 

Here's my code:

 

<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'>
        <meta name="viewport" id="viewport" content="width=device-width,height=device-height,initial-scale=1.0,user-scalable=no">
        <title>CSS Test</title>
        <style type="text/css">
        <!--
            .rotate {
                position:absolute;
                top:50%;
                left:50%;
                color:#000;
                -webkit-transform:rotate(45deg);
            }

        -->
        </style>
    </head>
    <body>
	<p class='rotate'>Test</p>
    </body>
</html>

 

Please use plain text.
Developer
Pumano-
Posts: 215
Registered: ‎11-05-2011
My Device: Z10
My Carrier: Beeline

Re: -webkit-transform: rotate broken on OS 7.1?

remove <!-- and --> in style tag
Please use plain text.
Contributor
deedubbu
Posts: 35
Registered: ‎07-07-2011
My Device: Torch
My Carrier: AT&T

Re: -webkit-transform: rotate broken on OS 7.1?

Pumano, the HTML comment is simply an old trick to hide CSS styles from old browsers. It plays no part in this issue. The problem exists with or without the comments.

Please use plain text.
Developer
Pumano-
Posts: 215
Registered: ‎11-05-2011
My Device: Z10
My Carrier: Beeline

Re: -webkit-transform: rotate broken on OS 7.1?

If it works in chrome then it must work in blackberry, you can find simple rotate examples in internet and try to look. If your desktop chrome show, but blackberry don't show - bug.
Please use plain text.
Contributor
deedubbu
Posts: 35
Registered: ‎07-07-2011
My Device: Torch
My Carrier: AT&T

Re: -webkit-transform: rotate broken on OS 7.1?

Pumano, please make sure you read someone's full question before responding. I already stated it works in multiple 
BlackBerry environments. Its just not working in OS 7.1.  I'm looking for confirmation from a RIM employee that this is indeed a bug, and if so I will open an issue to track it. Providing general comments here is worthless. 

Please use plain text.
New Member
raveesh9010
Posts: 1
Registered: ‎08-22-2012
My Device: 8520
My Carrier: Black Berry

Re: -webkit-transform: rotate broken on OS 7.1?

Hi Deedubbu,

 

I have the same issue with OS 5.0, wonder if you have found any solution for this. 

 

Thanks in Advance..

 

Ravs.

Please use plain text.