Gmaps Widget not going to full page map in sidebar

This topic contains 24 replies, has 3 voices, and was last updated by  Stiofan O’Connor 9 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • January 12, 2015 at 3:37 pm #27134

    Delek Smythe
    Free User
    Post count: 11

    Not sure if this is a widespread bug or a single instance, but when I attempt to put a Gmap widget in a sidebar it will not open up into full page view.

    The page sticks to a location but nothing shows up. Otherwise it works fine in any other section but in the sidebar. Great plugin otherwise!

    January 12, 2015 at 3:50 pm #27137

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Delek,

    Please provide a link and i will take a look, it could be theme released as it works fine for me.

    Thanks,

    Stiofan

    January 12, 2015 at 3:59 pm #27138

    Delek Smythe
    Free User
    Post count: 11

    Sure thing: http://www.balifaq.com/findit/hospitals/

    January 12, 2015 at 5:30 pm #27161

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Thanks, you seem to have a custom CSS rule messing with it

    .body_fullscreen .responsiveheader, .body_fullscreen .topnavigation, .body_fullscreen .geodir-sidebar-right

    Please try removing that or changing

    Stiofan

    January 12, 2015 at 6:08 pm #27183

    Delek Smythe
    Free User
    Post count: 11

    Hi Stiofan, you’re absolutely right, I failed to recall writing that bit of CSS a little while back, my apologies.

    However, the reason I had initially wrote that bit was because the header and the sidebar were floating on top of the full page map. That was my simple solution, however now it seems to be a conflict.

    The header calls I can leave in without issue, however at least the .body_fullscreen .geodir-sidebar-right call is a definite conflict.. I have taken the full line of code out, in order to show you what is happening there..

    Please follow this link and click to full screen, you will see that the sidebar and header elements are over the map..
    http://www.balifaq.com/findit/bali/hospitals/bimc-hospital-nusa-dua/#post_map

    January 12, 2015 at 10:57 pm #27283

    Paolo
    Site Admin
    Post count: 31206

    hi,

    this are both z-index and position problems in all these elements.

    I’ve tried thinking of a solution, but I couldn’t find one. In addition, it is particualrly difficult to debug css when it’s minified. I’d disable that plugin at least until your website is in development.

    Let us know,

    Thx

    January 13, 2015 at 6:15 am #27317

    Delek Smythe
    Free User
    Post count: 11

    Yes, z-index and position is the culprit, however I have tried and tried to resolve it, thus the display:none hack. The nav bar is the least of my concerns as my display:none hack does not effect the sidebar fullscreen map from showing. I don’t however understand why the sidebar is showing up on top, I assume this is not the way it is supposed to be?

    I have disabled the minification so you can clearly see what is going on.

    I have tried and tried changing z-index on .map-fullscreen and manipulating the topnav and sidebar elements without good results.

    http://www.balifaq.com/findit/bali/hospitals/bimc-hospital-nusa-dua/#post_map

    January 13, 2015 at 11:25 am #27332

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    I think it has something to do with
    transform: translateZ(0px);

    but it would take too long to get to the bottom of it, the easiest thing to do is that the class “body_fullscreen” is added to the body when the map is fullscreen, you will just have to individualy hide any elements with that in mind ie

    body.body_fullscreen .topnavigation{display:none;}

    etc…

    Stiofan

    January 13, 2015 at 3:32 pm #27373

    Delek Smythe
    Free User
    Post count: 11

    On what call is transform: translateZ(0px); ?

    So is this error is an isolated incident and not widespread then?

    It seems odd that the sidebar and bottom elements are floating on top as well.

    I find it hard to believe I am the only one experiencing this issue with your coding..

    January 13, 2015 at 4:04 pm #27375

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    You are the only one seeing this.
    I believe it’s something to do with the fancy loading screen/effect it probably uses CSS3 transform:translate which can cause problems like this.

    Stiofan

    January 13, 2015 at 4:12 pm #27377

    Delek Smythe
    Free User
    Post count: 11

    Is there a reason why you don’t just use a Jquery call such as:

    $(‘body > :not(#myDiv)’).hide();
    $(‘#myDiv’).appendTo(‘body’);

    It would seem a straightforward way to ensure this from not happening to others that have similar issues?

    Do let me know if this approach seems acceptable and where to input such a call if you find it a viable fix for this bug.

    I am in the process of vetting your plugin for use on this site. Including premium add-ons/subscription. I don’t mind paying for things that are well thought out, and appreciate your team offering the main plugin for free.

    However, if “but it would take too long to get to the bottom of it” is the response I am getting for what seems like a reasonably easy to fix bug, I have a hard time trusting that you are committed to clean efficient coding, and taking care of future issues that might arise.

    Not to diminish what you have created here, but I find your response, well, less than appealing..

    January 13, 2015 at 4:18 pm #27378

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi,

    Yes this has been though through and Google Maps does not like this, there are many reasons why we do it this way and i have never seen anyone have a similar problem to you, there is obviously a conflict somewhere.

    Is that fancy loading effect a plugin or part of the theme? I would recommend disabling all plugins except GD and seeing if the problem persists so we can at least track it down.

    I have offered a solution that would work, it would only require a few lines of css but i look forward to your debugging results of disabling all non GD plugins.

    Thanks,

    Stiofan

    January 13, 2015 at 4:24 pm #27379

    Delek Smythe
    Free User
    Post count: 11

    Fyi: it has nothing to do with the loading screen. I have disabled it, and it still persists.

    January 13, 2015 at 4:37 pm #27380

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Then my solution would be to add the css fix as recommended, you have had two highly skilled CSS devs look at this and we both agree there is something weird going on. It could take hours to debug and since it is only you receiving such an error and it can be resolved with a few lines of CSS i would recommend that 🙂

    Thanks,

    Stiofan

    January 13, 2015 at 5:07 pm #27385

    Delek Smythe
    Free User
    Post count: 11

    All plugins disabled, all custom css disabled, loader disabled, problem still persists. Definitely odd, as a designer I consider myself to be pretty proficient in css as well, thus the thought that a jquery call (I realize you are using toggleclass as it is) would overcome this easily.

    Not to be an ass, however it was I who had provided the medial display:none solution in the first place, though not properly targeted for the sidebar.. 😛
    I have since rectified that.

    While I have you here, I have two questions:

    – Can you easily point me to where I can turn on POIs?

    – is there a way to use the Google Places API for searches?

    Delek

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 25 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount