Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

popover not bound to parent on resize #12799

Closed
radzhome opened this issue Feb 20, 2014 · 14 comments
Closed

popover not bound to parent on resize #12799

radzhome opened this issue Feb 20, 2014 · 14 comments

Comments

@radzhome
Copy link

If you toggle a pop-over from an element, and resize the browser window, the popover is no longer at the side of the element you requested. Is this the desired/ expected default behaviour?

@cvrebert cvrebert added the js label Feb 20, 2014
@cvrebert
Copy link
Collaborator

Duplicate of #9517. Use Popover's container option.

@radzhome
Copy link
Author

It pins only to the x axis though, not the y

@cvrebert
Copy link
Collaborator

Example please? (e.g. JS Fiddle, JS Bin, CodePen)

@cvrebert cvrebert reopened this Feb 20, 2014
@radzhome
Copy link
Author

sure, one sec

@radzhome
Copy link
Author

http://jsfiddle.net/radzhome/u8Xd6/

Click "legend" button to toggle popover, resize window and watch it move horizontally. Correction, it pins to the y axis, not the x ...

@cvrebert
Copy link
Collaborator

Please significantly simplify your example. Also, it's including multiple versions of Bootstrap; please use only v3.1.1.

@cvrebert
Copy link
Collaborator

And you're not even using the container option. /facepalm

@radzhome
Copy link
Author

yeah i was data-container="#element" , n yeah I had it very simple... I guess it didn't save.

@radzhome
Copy link
Author

Check it out here, i guess it saved under different fiddle: http://jsfiddle.net/radzhome/u8Xd6/1/

@cvrebert
Copy link
Collaborator

I don't think #element is an appropriate container, but I couldn't get it to resize properly with body or the button's parent either.

@cvrebert cvrebert reopened this Feb 21, 2014
@radzhome
Copy link
Author

id="element" is right on the button that it popsover, it sorta works, just
still slides horizontally, if you set the data-container to body then it
goes all over the place.

On Thu, Feb 20, 2014 at 7:38 PM, Chris Rebert notifications@github.comwrote:

Reopened #12799 #12799.

Reply to this email directly or view it on GitHubhttps://github.com//issues/12799
.

@ThomasBowen
Copy link

I'm having the same issue. The popup doesn't stay in place with the image (or button) used to open it. Does anyone have a fiddle example of successfully using the "container" option?

@radzhome
Copy link
Author

I think this only happens when the element (button) is position absolute.

On Thu, Mar 13, 2014 at 7:58 AM, Tom Bowen notifications@github.com wrote:

I'm having the same issue. The popup doesn't stay in place with the image
(or button) used to open it. Does anyone have a fiddle example of
successfully using the "container" option?

Reply to this email directly or view it on GitHubhttps://github.com//issues/12799#issuecomment-37542417
.

@mdo
Copy link
Member

mdo commented Aug 2, 2014

Punting to the v4 checklist.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants