Skip to content

Part of Popover is outside boundaries of viewport #19279

Closed

Description

@martinfojtik

bootstrap-1

it should look like this:

bootstrap-2

Activity

  1. added
    cssSass sources or compiled CSS
    v4v4, the frozen docs on gh-pages
    on Feb 20, 2016
  2. hebbet commented on Feb 20, 2016

    @hebbet
    Contributor

    looks like your browser zoom is not at 100%.

  3. martinfojtik commented on Feb 20, 2016

    @martinfojtik
    Author

    yes, it's true, but problem occurs even if zoom is 100%

  4. changed the title [-]Popover is outside of browser visible area[/-] [+]Part of Popover is outside boundaries of viewport[/+] on Feb 21, 2016
  5. added
    jsJavaScript or TypeScript sources and plugins
    on Feb 21, 2016
  6. kybishop commented on Feb 21, 2016

    @kybishop

    This also occurs with tooltips. I'd wager the problem is related.

    screen shot 2016-02-21 at 2 25 18 pm

  7. jipexu commented on Mar 6, 2016

    @jipexu
    Contributor

    Hi
    Sorry but i have also this tooltip problem? is it fixed or not or is there a way to avoid this ?
    Thanks

  8. added
    has-prAn open pull request addresses it
    on Nov 26, 2016
  9. omnibrain commented on Dec 22, 2016

    @omnibrain

    Any chance this fix will be in alpha 6?

    Edit: I just checked out the PR. It fixes the problem of the tooltip/popover being outside of the viewport but the arrow is not in the correct location.

  10. Joyrex commented on Jan 11, 2017

    @Joyrex

    Still an issue in α6 - did this get introduced with the switch to Tether? v3 did not have this issue...

  11. jipexu commented on Jan 11, 2017

    @jipexu
    Contributor

    yes same behavior even in alpha doc ...

  12. Joyrex commented on Jan 11, 2017

    @Joyrex

    Wasn't the auto value v3 had (that is dropped in v4) is what prevented tooltips and popovers from leaving the viewport?

  13. alecpl commented on Mar 10, 2017

    @alecpl
    Contributor

    Can be fixed with constraints: [{to: 'window', attachment: 'together', pin: true}], but the arrow is in wrong position. Please, do something with popover, this widget is really important but so broken in v4.

  14. mscudlik commented on Apr 25, 2017

    @mscudlik

    same issue here, please fix :)

  15. Johann-S commented on May 14, 2017

    @Johann-S
    Member

    Closed by #22444

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

    cssSass sources or compiled CSShas-prAn open pull request addresses itjsJavaScript or TypeScript sources and pluginsv4v4, the frozen docs on gh-pages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions