Hfrhyu

Is three citations per paragraph excessive for undergraduate research paper?

What tool would a Roman-age civilization have for the breaking of silver and other metals into dust?

Deal with toxic manager when you can't quit

If a Druid sees an animal’s corpse, can they wild shape into that animal?

Are there incongruent pythagorean triangles with the same perimeter and same area?

How are circuits which use complex ICs normally simulated?

What to do when moving next to a bird sanctuary with a loosely-domesticated cat?

Is there a symbol for a right arrow with a square in the middle?

Lightning Grid - Columns and Rows?

During Temple times, who can butcher a kosher animal?

Is an up-to-date browser secure on an out-of-date OS?

Is "plugging out" electronic devices an American expression?

Why not take a picture of a closer black hole?

"as much details as you can remember"

Can a flute soloist sit?

Right tool to dig six foot holes?

How come people say “Would of”?

Aging parents with no investments

Did Section 31 appear in Star Trek: The Next Generation?

Why didn't the Event Horizon Telescope team mention Sagittarius A*?

What does Linus Torvalds mean when he says that Git "never ever" tracks a file?

Where to refill my bottle in India?

The difference between dialogue marks

How to deal with fear of taking dependencies

OpenLayers 4.6.5 - jQuery : map disappears after hide() show() event

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

This is a little example of what I'm trying to do : https://codepen.io/remifroger/pen/ZZWgbM

I would like to build a tabs design, with one map in each tab. I use jQuery to deal with it but I have a trouble when I resize the window.

I already tested to use map.updateSize() in each click event but it doesn't work, do you have any ideas to fix this behavior ?

EDIT

Problem comes from the hide() method which applies a display: none on a parent element of my div containing the map => it also affects a display: none on the map div's; and this generates the unwanted behaviors

So to fix the problem, instead of show() and hide() methods, I use the visibility property (with jQuery : $("#id").css('visibility', '...')) which doesn't generate any display: none

And I put the content of the tab content in position: absolute to eliminate spaces

I updated the CodePen, but I'm still open to any improvement, this method doesn't seem optimal !

openlayers jquery tab

share|improve this question

edited Apr 5 at 15:21

RemiF

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment | 

0

This is a little example of what I'm trying to do : https://codepen.io/remifroger/pen/ZZWgbM

I would like to build a tabs design, with one map in each tab. I use jQuery to deal with it but I have a trouble when I resize the window.

I already tested to use map.updateSize() in each click event but it doesn't work, do you have any ideas to fix this behavior ?

EDIT

Problem comes from the hide() method which applies a display: none on a parent element of my div containing the map => it also affects a display: none on the map div's; and this generates the unwanted behaviors

So to fix the problem, instead of show() and hide() methods, I use the visibility property (with jQuery : $("#id").css('visibility', '...')) which doesn't generate any display: none

And I put the content of the tab content in position: absolute to eliminate spaces

I updated the CodePen, but I'm still open to any improvement, this method doesn't seem optimal !

openlayers jquery tab

share|improve this question

edited Apr 5 at 15:21

RemiF

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment | 

This is a little example of what I'm trying to do : https://codepen.io/remifroger/pen/ZZWgbM

I would like to build a tabs design, with one map in each tab. I use jQuery to deal with it but I have a trouble when I resize the window.

I already tested to use map.updateSize() in each click event but it doesn't work, do you have any ideas to fix this behavior ?

EDIT

Problem comes from the hide() method which applies a display: none on a parent element of my div containing the map => it also affects a display: none on the map div's; and this generates the unwanted behaviors

So to fix the problem, instead of show() and hide() methods, I use the visibility property (with jQuery : $("#id").css('visibility', '...')) which doesn't generate any display: none

And I put the content of the tab content in position: absolute to eliminate spaces

I updated the CodePen, but I'm still open to any improvement, this method doesn't seem optimal !

openlayers jquery tab

share|improve this question

edited Apr 5 at 15:21

RemiF

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

edited Apr 5 at 15:21

RemiF

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

share|improve this question

edited Apr 5 at 15:21

RemiF

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked Apr 5 at 13:09

RemiFRemiF

12

New contributor

RemiF is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

asked Apr 5 at 13:09

RemiFRemiF

12