Comment-container element is covering part of the page

On Confluence Cloud pages, there is a div with the ID comment-container that is covering a small section of the page. I don’t know what it is used for, but it is always there. It is absolutely positioned, its exact position depends on the dimensions of the viewport. The problem is that it even though it is invisible, it is preventing user interaction with that section of the page. Our app provides a macro that happens to have a save button in the region where the comment-container frequently appears, and it is preventing our users from clicking the button.

Here is a screenshot of a position where the container often ends up:

2 Likes

The #comment-container element is used for the inline comment buttons that appear when hovering the rightmost part of a paragraph on the page.

The element becomes an issue when the page is in default (narrow width) mode and there is a macro in wide or full-width mode.

Here are the detailed instructions how to fix the issue:

  1. Set pointer-events: none on the #comment-container element

If these instructions were too complicated, I have recorded a 1-minute video how to apply them:

Hi @candid - This issue should now be fixed. Please let us know if you are able to click the button now.

Sorry about the trouble and Thanks for your patience.

Thank you, the issue appears to be solved now.