Streaming live at 10am (PST)

Bug with Interactions: Hide & Show?


#1

Hello @danro @thesergie

I have just test in my web and i have a problem with Hide and Show map! Please take a look to the demo.

Demo Link: http://mapbug.webflow.com/

Public Link: https://webflow.com/design/mapbug?preview=982b2e34772cc06db04bbaeaefe6703b

Thanks,
Deni

EDIT: When i open Inspect Element in Chrome the map its fixed, strange...


#2

@Deni_1990 Thanks for the report!

I would suggest moving the Map into a wrapper element with Overflow: Hidden, and apply the IX to the wrapper instead of animating the Map height directly.

This would also provide better performance, as you probably don't want to redraw the map for every height change. thumbsup


#3

Hello @danro

Thanks for your feedback, i try it again to put the map into a wrapper element and make Overflow: Hidden but i see the same problem again.

You can see it again here both:

Demo Link: http://mapbug.webflow.com/

Public Link: https://webflow.com/design/mapbug?preview=982b2e34772cc06db04bbaeaefe6703b

Thanks.


#4

@Deni_1990 This is happening because of Display: None. If you change this to Height: 0, the map will correctly load (and as a bonus, be preloaded before the user clicks the button).


#5

Everything works perfect. Thanks for your help. You can close this thread.

Best,
Deni


#6