search

johnavinash / jquery-ui-map

Automatically exported from code.google.com/p/jquery-ui-map
0 stars 0 forks source link

Pop-up Display Issues #41

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. Place a reset.css with standardized line-height:1; onto the body
2. Implement responsive elements max-width technique img, embed, iframe { 
max-width:100%; }
3. Implement jquery mobile and map with marker windows.

What is the expected output? What do you see instead?
The bubble comes up but there is odd image slices overlayed.

What version of the product are you using? On what operating system?
 * jQuery UI Google Map 3.0-alpha
Mac 10.5.8 - Chrome 17.0.963.56

Please provide any additional information below.
Attached the distorted bubble as a screenshot.

The line-height reset (#1) I have standard on our platform causes the close X 
to have a hollow rectangle.
The max-width technique (#2) is the cause for the bottom of the bubble having 
this issue.

Thank you

Original issue reported on code.google.com by ghy...@allscenes.com on 6 Mar 2012 at 7:25

Attachments:

GoogleCodeExporter commented 8 years ago 
Adding another display issue with the bubbles, coming from jquery mobile css is 
the following which causes the bottom of the bubble to be overlayed with a 
white image;
From - http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css
.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * {
-webkit-transform: rotateY(0);
}
And Again In - http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css
.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * {
-webkit-transform: rotateY(0);
}

I've had to implement the following call to override this behaviour;
.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * {
    -webkit-transform: none;
}

Attached screen of the issue.

Original comment by ghy...@allscenes.com on 13 Mar 2012 at 9:39

Attachments:

GoogleCodeExporter commented 8 years ago 
This is a css issue in jquery mobile. Not the plugin itself.

Original comment by johansalllarsson on 27 Mar 2012 at 8:41