When utilizing X-editable, I encountered a problem where specifying the datepicker field mode as "popup" results in the popup displaying correctly. However, when dealing with a long table (either vertically or horizontally), the position of the date/datetime picker popover becomes an issue. It consistently pops up at a fixed location on the page (top left).
For instance, if there are 50 records and I click on one towards the end of the list to trigger the date picker, the popover might appear off-screen. In such cases, I have to scroll all the way back to the top of the table just to see it.
The situation worsens when working with tables that extend far to the right on smaller screens. To view the opened popover, you would need to scroll all the way back to the left. This behavior might lead to confusion and make it seem like the script is malfunctioning.
Here is how I have defined it - could I be missing something here? Or is it perhaps related to CSS?
$('.time').editable({
type: 'datetime',
url: 'post.php',
format : 'yyyy-mm-dd hh:ii',
viewformat : 'yyyy-mm-dd hh:ii',
inputclass : "datepick",
emptytext: '...',
datetimepicker : {
weekStart : 1
},
});