Skip to content

popover not bound to parent on resize #12799

Closed

Description

@radzhome

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?

Activity

  1. cvrebert commented on Feb 20, 2014

    @cvrebert
    Collaborator

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

  2. radzhome commented on Feb 20, 2014

    @radzhome
    Author

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

  3. cvrebert commented on Feb 20, 2014

    @cvrebert
    Collaborator

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

  4. radzhome commented on Feb 20, 2014

    @radzhome
    Author

    sure, one sec

  5. radzhome commented on Feb 20, 2014

    @radzhome
    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 ...

  6. cvrebert commented on Feb 20, 2014

    @cvrebert
    Collaborator

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

  7. cvrebert commented on Feb 20, 2014

    @cvrebert
    Collaborator

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

  8. radzhome commented on Feb 21, 2014

    @radzhome
    Author

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

  9. radzhome commented on Feb 21, 2014

    @radzhome
    Author

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

  10. cvrebert commented on Feb 21, 2014

    @cvrebert
    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.

  11. radzhome commented on Feb 21, 2014

    @radzhome
    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
    .

  12. ThomasBowen commented on Mar 13, 2014

    @ThomasBowen

    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?

  13. radzhome commented on Mar 13, 2014

    @radzhome
    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
    .

  14. mdo commented on Aug 2, 2014

    @mdo
    Member

    Punting to the v4 checklist.

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature, or a change to how an existing one worksjsJavaScript or TypeScript sources and plugins

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions