x-editable popover not shown completely

Question

I am using x-editable js. My x-editable popover is not shown completely.

Answer 1

I know this is somewhat of a late reply, but I was just struggling with this issue and solved it in a different way which may help other people.

X-editable is based on Bootstrap's Popover plugin, so adding container: 'body' to your .editable() settings (or any other container that is not within your overflow:hidden element) will also fix this problem.

This will most likely only work with the Bootstrap version of X-editable but I haven't checked that.

Edit:

Just add that container option..

$('#username').editable({ container: 'body', type: 'text', pk: 1, url: '/post', title: 'Enter username' });