data-role panel, content very slightly blurred

[gvanberkel]

One of my clients picked this up
If you have a JQM panel visible the content is blurred. In chrome only!
You can use the sample demo to test this (choose 'reveal button' for left)
http://view.jquerymobile.com/1.3.1/dist/demos/widgets/panels/

I have attached the F in 'Flexible by design' zoomed in so you can see more clearly. It is almost like there is a blur from the last frame of the animation?

[jaspermdegroot]

I don't see it on PC or Retina screen. What platform did you test?
I guess this is because of the 3D-ing (-webkit-transform:translate3d(0,0,0)) that we use to trigger hardware acceleration. That is to prevent blinks when you open a panel. We are making changes to the panel widget for 1.4 and hopefully we can reduce the 3D-ing.

[gvanberkel]

Thanks for the feedback.

My test platform:

• Windows 8 64BIT
• Chrome 27 & 29 (Canary).
• 1920x1600 resolution screen.

Duplicated on my clients PC as well.
It's pretty hard to notice on the demo page, but when there are jqm buttons
in the header or content it becomes noticeably more blurry.

Other platforms tested with no issue: Firefox, Internet Explorer

On 29 May 2013 12:08, Jasper de Groot [email protected] wrote:

I don't see it on PC or Retina screen. What platform did you test?
I guess this is because of the 3D-ing (
-webkit-transform:translate3d(0,0,0)) that we use to trigger hardware
acceleration. That is to prevent blinks when you open a panel. We are
making changes to the panel widget for 1.4 and hopefully we can reduce the
3D-ing.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/6050#issuecomment-18606923
.

[jaspermdegroot]

@gvanberkel

That you don't see it on Firefox and Internet Explorer confirms that this is caused by -webkit-transform:translate3d(0,0,0). We can't fix this for 1.3.2 because if we remove it we will introduce a new issue; blinks when opening a panel. We are planning on some bigger changes for 1.4. See #5741 (comment). I am closing this ticket as "duplicate" of #5741 and refer to this issue in a comment there.

[gvanberkel]

Thanks.
On 30 May 2013 12:04, "Jasper de Groot" [email protected] wrote:

@gvanberkel https://github.com/gvanberkel

That you don't see it on Firefox and Internet Explorer confirms that this
is caused by -webkit-transform:translate3d(0,0,0). We can't fix this for
1.3.2 because if we remove it we will introduce a new issue; blinks when
opening a panel. We are planning on some bigger changes for 1.4. See #5741#5741 (comment).
I am closing this ticket as "duplicate" of #5741https://github.com/jquery/jquery-mobile/issues/5741and refer to this issue in a comment there.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/6050#issuecomment-18671604
.