Mention menu wrongly positioned in version 3.1.0 #83
Comments
|
@ThomHurks Thank you for reporting! Can you try to reproduce your issue in the Codepen below so I can debug it. |
|
Here you go: https://codepen.io/anon/pen/aLLMvw?editors=1010 Besides this, I noticed that on my website, the mentions window has some empty space to the left of the list elements which isn't present in the examples. I'm just using tribute as-is, with default config and no changed CSS. It seems to be caused by Edit: ah, you're using Foundation which has |
|
I've pushed an update in 3.1.1 that should fix your issue. Test it out and let me know if you are still experiencing issues. |
|
The issue with the extra padding on the left of the list elements seems fixed. Nice! However, the mentions window is still wrongly positioned on the horizontal axis. I updated the codepen to 3.1.1 and you can see it going wrong when you type |
|
@ThomHurks Well shoot. One thing I'm noticing is that if I view your codepen in Chrome the position is correct, but if I view it in Firefox the positioning is off but the textarea is also rendered in a different spot. What browser are you viewing in? Also what is the intended layout of the page? |
|
I just tried a different browser, this is what it looks like in Firefox for me. The intended layout is a column of comments on the right side of the page. The textarea is where you write a comment. |
|
This second screenshot is Chrome, so it's also wrong in Chrome for me. |
|
@ThomHurks Okay thanks, that helps! |
|
I'm experiencing the same issue... |
|
@BorntraegerMarc I have rolled back the positioning changes you made until we can figure out a more universal approach. Thank you everyone for reporting and tracking this issue. If you are still seeing positioning issue please open a separate issue! Thank you. |
In version 3.1.0 there's a change regarding positioning. In my case, this broke the positioning of the mentions window. I have a comment box on the right of the screen (I'm just using Bootstrap columns, nothing special) and the mentions box now appears on the left side of the screen. The tribute-container div is a child of the
<body>and it has the styletop: 413px; left: 449px; position: absolute; display: block;which wouldn't even be the correct positioning if it was relative to the comment box. The vertical position does seem to be correct though, it's only the horizontal positioning that is broken.If you need more info, I'll be glad to help.
The text was updated successfully, but these errors were encountered: