Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Map displayed in jQuery UI Tabs (or any initially hidden element) fails #333

Closed
GoogleCodeExporter opened this issue Apr 4, 2015 · 8 comments
Closed

Map displayed in jQuery UI Tabs (or any initially hidden element) fails #333

GoogleCodeExporter opened this issue Apr 4, 2015 · 8 comments
Labels
auto-migrated Priority-Medium Type-Defect

Comments

@GoogleCodeExporter
Copy link 

WP 2.9.2 and latest GEOMashup and displaying a map within a jQuery UI tab
(section widget)

Both FF and IE fail to get the marker centred and in IE there is no map
until the Map is moved.

Here is a link http://bit.ly/9kfdcd
BAC

Original issue reported on code.google.com by bco...@gmail.com on 28 Mar 2010 at 8:01
@GoogleCodeExporter
Copy link
Author 

I managed to find a solution to this by changing the default UI tabs CSS 
display:none
to left:-9999; position:absolute

cheers

Original comment by bco...@gmail.com on 28 Mar 2010 at 8:32

@GoogleCodeExporter
Copy link
Author 

Thanks for the workaround, I'm sure I'll need it at some point!

Original comment by dylankk...@gmail.com on 31 Mar 2010 at 2:22

  • Changed state: NoFixNeeded
  • Added labels: Type-Defect

@GoogleCodeExporter
Copy link
Author 

[deleted comment]

1 similar comment
@GoogleCodeExporter
Copy link
Author 

[deleted comment]

@GoogleCodeExporter
Copy link
Author 

[deleted comment]

@GoogleCodeExporter
Copy link
Author 

Slightly better explaination.

Fix for google maps not displaying correctly inside jQuery UI tabs:

In your ui theme style sheet replace the rule for the class selector ".ui-tabs 
.ui-
tabs-hide" with left:-10000px;position: absolute;

i.e. replace

            .ui-tabs .ui-tabs-hide {
               display: none;
               }


with
               .ui-tabs .ui-tabs-hide {
               position: absolute;
               left: -10000px;
}

Cheers

BAC

Original comment by bco...@gmail.com on 2 Apr 2010 at 9:05

@GoogleCodeExporter
Copy link
Author 

Issue 570 has been merged into this issue.

Original comment by dylankk...@gmail.com on 4 May 2012 at 1:32

@GoogleCodeExporter
Copy link
Author 

Some other approaches to dealing with this:

http://blog.codebusters.pl/en/entry/google-maps-in-hidden-div

Original comment by dylankk...@gmail.com on 2 May 2013 at 6:28

  • Changed title: Map displayed in jQuery UI Tabs (or any initially hidden element) fails

@GoogleCodeExporter GoogleCodeExporter mentioned this issue Apr 4, 2015
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
auto-migrated Priority-Medium Type-Defect
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@GoogleCodeExporter