<p>OK I found it!</p>

<p>I'm using the <a href="http://matthewblode.com/marx/" rel="nofollow">Marx CSS reset Sass library.</a></p>

<p>In its _sanitize.scss file it has the rule:</p>

<pre><code>* { border-style: solid; }
</code></pre>

<p>So by altering my own css to include:</p>

<pre><code>.smartmap-mapcanvas * { border-style: none; }
</code></pre>

<p>That removed the anomaly.</p>

CC BY-SA 4.0
2018-10-31T10:28:10.493Z
This keeps biting me on various map implementations (not just smart map) - one of my most revisited answers! Thanking my former self....
Adam Menczykowski
CC BY-SA 3.0
2015-12-18T14:37:12.613Z
2015-12-18T14:37:12.613Z
Adam Menczykowski
<p>I'm going to guess that there is some sort of CSS or JS conflict which is causing this peculiar behavior. Smart Map must be bumping up against some other styling on the page.</p>

<p>Check through your existing CSS/JS to see if you can find the source of the conflict.</p>

CC BY-SA 3.0
2015-12-15T01:05:35.353Z
2015-12-15T01:05:35.353Z
Lindsey D
<p>I am having issues with the Smart Map infoBubble pointer position...</p>

<p><a href="https://i.sstatic.net/YdwCF.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/YdwCF.png" alt="Smart Map InfoBubble position bug"></a></p>

<p>As you see the shadow is positioned correctly, but the white overlay triangle is too low down. Or the other way of thinking about it would be that the white overlay triangle is correct and the rest is too high. However, I think the problem can best be described as the former, that the white triangle is too low, knowing that the marker it is attached to is hidden away just showing behind the white triangle.</p>

<p>After inspecting this in Chrome, I cannot see the element / pseudo-element that generates this pointer visual... so cannot debug. Can anybody offer any assistance on how to fix this anomaly? </p>

<p>Thanks in advance,</p>

<p>Adam.</p>

CC BY-SA 3.0
2015-11-28T05:22:59.167Z
This is odd... Is it happening in other browsers? If you were to comment out the customized buttons in the infoBubble template, do you still see this effect? Do you have any JS on the page which might be affecting that?
Lindsey D
CC BY-SA 3.0
2015-12-01T16:52:10.957Z
Hello, It is happening in both Chrome and Safari. If I simply put 'hello' into the info bubble, no other markup or content, it still occurs.
Adam Menczykowski
<plugin-smartmap>
Smart Map InfoBubble 'pointer' position
# Smart Map InfoBubble 'pointer' position

(Asked by: username_0 on 2015-11-27)

I am having issues with the Smart Map infoBubble pointer position...

[![Smart Map InfoBubble position bug](https://i.sstatic.net/YdwCF.png)](https://i.sstatic.net/YdwCF.png)

As you see the shadow is positioned correctly, but the white overlay triangle is too low down. Or the other way of thinking about it would be that the white overlay triangle is correct and the rest is too high. However, I think the problem can best be described as the former, that the white triangle is too low, knowing that the marker it is attached to is hidden away just showing behind the white triangle.

After inspecting this in Chrome, I cannot see the element / pseudo-element that generates this pointer visual... so cannot debug. Can anybody offer any assistance on how to fix this anomaly?

Thanks in advance,

Adam.

**Tags:** plugin-smartmap
> **Comments:**
> **username_1**: This is odd... Is it happening in other browsers? If you were to comment out the customized buttons in the infoBubble template, do you still see this effect? Do you have any JS on the page which might be affecting that?  
> **username_0**: Hello, It is happening in both Chrome and Safari. If I simply put 'hello' into the info bubble, no other markup or content, it still occurs.  

---

## 2 answers

### Answer by username_0 on 2015-12-18. Score: 1 | Accepted answer

OK I found it!
I'm using the Marx CSS reset Sass library.
In its _sanitize.scss file it has the rule:
* { border-style: solid; }

So by altering my own css to include:
.smartmap-mapcanvas * { border-style: none; }

That removed the anomaly.

> **Comments:**
> **username_0**: This keeps biting me on various map implementations (not just smart map) - one of my most revisited answers! Thanking my former self....  

---

### Answer by username_1 on 2015-12-15. Score: 1

I'm going to guess that there is some sort of CSS or JS conflict which is causing this peculiar behavior. Smart Map must be bumping up against some other styling on the page.

Check through your existing CSS/JS to see if you can find the source of the conflict.


---

