Incompatible with Tribe Events Calendar

This topic contains 15 replies, has 3 voices, and was last updated by  Stiofan O’Connor 4 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • September 14, 2019 at 6:46 am #508153

    Nick Amis
    Buyer
    Post count: 9

    After my customer website went live I have discovered that GeoDirectory is incompatible with The Events Calendar from TribeEvents.

    Maps for events appear over the top of event details.

    GeoDirectory is modifying the HTML change the attributes of the map position. Below you can see that the position has been changed to position absolute top 0px left 0px.

    You can see the problem here: http://churches-together-northampton.org.uk/event/baptism-in-the-spirit-and-speaking-in-tongues/

    <div class=”tribe-events-venue-map”>
    <div id=”tribe-events-gmap-0″ style=”height: 350px; width: 100%” aria-hidden=”true”><div style=”height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);”><div style=”overflow: hidden; width: 566px; height: 350px;”></div></div></div><!– #tribe-events-gmap- –>
    </div>

    September 14, 2019 at 4:20 pm #508199

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I see custom CSS to hide the map, if you remove that CSS the map looks fine.

    This is the custom CSS:

    .tribe-events-meta-group.tribe-events-meta-group-gmap div {
  display: none!important;
}

    Appears to be added via Divi customizer.

    If the map is not supposed to be there, please be more specific about the issue and answer the following questions.

    Where do you expect the map to be?
    What happen if you disable GeoDirectory?

    Let us know.

    Thanks

    September 16, 2019 at 10:29 am #508392

    Nick Amis
    Buyer
    Post count: 9

    Try taking a look at my test site…

    http://ctn.entapris.com/event/ctn-enabling-group-meeting-3/

    September 16, 2019 at 4:32 pm #508455

    Paolo
    Site Admin
    Post count: 31206

    yes that css appears to be the problem, GeoDirectory isn’t adding anything inline for that map, did you try to remove it?

    September 16, 2019 at 4:34 pm #508458

    Paolo
    Site Admin
    Post count: 31206

    see image attached, if that CSS is disabled, the Map appears where it should.

    Thanks

    September 16, 2019 at 5:08 pm #508465

    Nick Amis
    Buyer
    Post count: 9

    I’m not sure you understand what I am saying.

    1) My customer reported the problem to me that the map was being displayed over the top of the event details.

    2) I disabled all plugins except Events and the problem went away.

    3) I enabled GeoDirectory and the problem re-appeared.

    4) I traced the problem to the inject of a DIV tag around the Map by GeoDirectory Plugin (as detailed in my first post above).

    5) I added the CSS (display: none) to the live website to temporarily hide the map as I could not find a way to fix the problem.

    6) It’s still broken and I have reproduced the problem on my test system (http://ctn.entapris.com/event/ctn-enabling-group-meeting-3/).

    7) The CSS I added has nothing to do with the source of the problem.

    September 16, 2019 at 5:38 pm #508473

    Nick Amis
    Buyer
    Post count: 9

    The specific area of code that is affected is where GeoDirectory removes an attribute from the HTML.
    After activating GeoDirectory Plugin it can be clearly observed that the attribute ‘position: relative’ is removed from the tribe-events-gmap-0 DIV tag. Below the HTML excerpt before GeoDirectory is activated. The code removed is highlighted.

    <div id=”tribe-events-gmap-0″ style=”height: 350px;width: 100%; position: relative;” aria-hidden=”true”><div style=”height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);”><div style=”overflow: hidden; width: 557px; height: 350px;”></div></div></div>

    September 16, 2019 at 6:24 pm #508483

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    I don’t see any issue on your sites did you fix this?

    Thanks,

    Stiofan

    September 16, 2019 at 9:34 pm #508504

    Nick Amis
    Buyer
    Post count: 9

    ?????

    Are you looking at this web page?????

    http://ctn.entapris.com/event/ctn-enabling-group-meeting-3/

    September 16, 2019 at 10:31 pm #508513

    Paolo
    Site Admin
    Post count: 31206

    We are, see the image attached. Do you see any problem? If yes please describe because I’m not sure what we should be looking at.

    Thanks,

    p.s. That’s with Brave, Chrome, Firefox and Edge.

    What browser are you using? Did you clear the browser cache to see if some old CSS is still cached?

    September 17, 2019 at 4:39 am #508553

    Nick Amis
    Buyer
    Post count: 9

    This is the same on Safari, Chrome and iOS.

    September 17, 2019 at 11:04 am #508594

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hello,

    Thanks for the details i do see the error only on safari.
    I have tried to recreate this on our own servers but i can’t, can your give us wp-admin access so we can check? If not a copy of your theme might be enough. You can leave login details in a private reply, these can only be seen by staff.

    Thanks,

    Stiofan

    September 18, 2019 at 6:02 am #508849

    Nick Amis
    Buyer
    Post count: 9
    This reply has been marked as private.
    September 18, 2019 at 10:34 am #508916

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Nick, can you double check the details, i get “ERROR: Invalid login credentials.”

    Thanks,

    Stiofan

    September 18, 2019 at 1:10 pm #508941

    Nick Amis
    Buyer
    Post count: 9
    This reply has been marked as private.
  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 16 total)

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

Open Support Ticket