Comment popup is not displayed correctly on some mobile devices

[tim-krieger]

Popup on my iPad (2019), Safari mobile, recent version of ep_comments_page, etherpad 1.8.12:

[JohnMcLear]

@seballot any idea how this can happen?

[seballot]

Yep : https://github.com/ether/ep_comments_page/blob/master/static/js/newComment.js#L85

The popup is aligned with comment icon, which does not work when comment icon is closed to the right border of the screen. Should be easy fix

[tim-krieger]

I think my iPad is not recognized as media only screen (800px). In web inspector the popup is displayed correctly. Should this be fixed in ether/etherpad-lite? It also infects other plugins with toolbar popups like ep_embedded_hyperlinks2.

[tim-krieger]

If I use max-width 992px instead of 800px in popup.css (etherpad-lite) the new comment popup is diplayed correctly (iPad 2020).