search

code4recovery / tsml-ui

Embeddable recovery meeting finder
https://tsml-ui.code4recovery.org/
MIT License
23 stars 17 forks source link

List/Map button showing wrong on Wix site #327

Closed onemooresam closed 1 year ago

onemooresam commented 1 year ago

https://www.aanc24.org/meetings is a wix site using the below code to display the TSML UI. Has a change occurred in TSML that would cause this?

`<div id="tsml-ui" data-src="https://docs.google.com/spreadsheets/d/1mi8Ndpt2wAYP0cskn8BUDj9TcwkLLrMFD5Ig9l0-zE0" data-google="AIzaSyACOer5YGSkXx1BHF5k7KrXadd4UenWDgU" data-mapbox="pk.eyJ1IjoiZG9uZWxsMTAwMCIsImEiOiJjbGl1czJxNTgwMWN2M2Zua2RoMHU2NXJiIn0.FxjhYUv9FVVfmKIovI2MfQ" data-timezone="America/New_York"

` aanc24 site

joshreisner commented 1 year ago

hm, very strange! i'm not seeing it on other tsml ui sites like

aasanjose.org/meetings aasfmarin.org/meetings sussexaa.org/meetings/

i'm tempted to say it's something wix is doing but i can't quite tell yet - going to keep looking

joshreisner commented 1 year ago

ah i think i see what is happening. looks like you're embedding the embed code in an iframe, but it needs to have a HTML5 doctype. try changing your code to

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
  </head>
  <body>
    <div
      id="tsml-ui"
      data-src="https://docs.google.com/spreadsheets/d/1mi8Ndpt2wAYP0cskn8BUDj9TcwkLLrMFD5Ig9l0-zE0"
      data-google="AIzaSyACOer5YGSkXx1BHF5k7KrXadd4UenWDgU"
      data-mapbox="pk.eyJ1IjoiZG9uZWxsMTAwMCIsImEiOiJjbGl1czJxNTgwMWN2M2Zua2RoMHU2NXJiIn0.FxjhYUv9FVVfmKIovI2MfQ"
      data-timezone="America/New_York"
    ></div>
    <script src="https://tsml-ui.code4recovery.org/app.js" async></script>
  </body>
</html>
onemooresam commented 1 year ago

That did it! Thank you so much, Josh!

On Tue, Aug 29, 2023 at 4:01 PM Josh Reisner @.***> wrote:

ah i think i see what is happening. looks like you're embedding the embed code in an iframe, but it needs to have a HTML5 doctype. try changing your code to

<!DOCTYPE html>

— Reply to this email directly, view it on GitHub https://github.com/code4recovery/tsml-ui/issues/327#issuecomment-1698252786, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEJH7IZDXASZF2FBZECZAQDXXZYELANCNFSM6AAAAAA4DQSS3E . You are receiving this because you authored the thread.Message ID: @.***>