Polaris causing positioning issues with a third-party library

[Luke]

So again, having to post here as no dedicated polaris category.

So I have two calendars setup and I’m using https://cal-heatmap.com/. Essentially the layouts of the page are the same,

Product:

Variant:

So there is an issue with the tooltip positioning, I presume cal-heatmap calculates this relative to the cell I’m hovering over. But something in Polaris is actually causing this to be off.

After playing ground, it appears to be this section on the sidebar which is causing this.

I’m not sure how this is possible when they’re both encapsulated in their own columns, the top level layout is using the following. And I’m confused because both product and variant use the same layout setup.

<Layout>
  <Layout.Section variant="oneThird">
    ...
  </Layout.Section>
  <Layout.Section>
    ...
  </Layout.Section>
</Layout>

Does anybody have any ideas?

[Liam-Shopify]

Hey Luke - just to confirm, the tooltips are not Polaris? The only Polaris element here is the section in the sidebar, correct?

[Luke]

Yes can confirm the tooltips are not Polaris. But it appears components from Polaris are causing incorrect positioning.