Comment popup is not displayed correctly on some mobile devices

Question

Comment popup is not displayed correctly on some mobile devices

tim-krieger opened this issue 4 years ago · 4 comments

tim-krieger commented 4 years ago

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

Answer 1 · 2021-03-08T23:16:01.000Z

@seballot any idea how this can happen?

Answer 2 · 2021-03-09T07:22:59.000Z

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

Answer 3 · 2021-07-08T05:25:51.000Z

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.

Answer 4 · 2021-07-08T16:55:23.000Z

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