Skip to content

tour step placement bottom-right don t work #136

@brusand

Description

@brusand

I am using the exact versions of the following:
Browser: [Chome|Firefox|IE|Safari] Version 58.0.3029.110 (64-bit)
AngularJS: "angular": "1.5.5"
Angular Bootstrap:" angular-ui-bootstrap": "1.3.3"
Angular UI Tour: "angular-ui-tour": "^0.8.1",
I have installed this library via: (NPM, Bower, or downloaded package)
npm
I have observed the following behavior:

when i set popover placement to bottom-right, the arrow is still in the center position but the box is well bottom right align

i observe some flipping

(all go well with bottom and bottom-left placements)

This is how I expected it to behave:
i want the arrow display on the top right corner of the popover

Here is my tour config, and all related step configs:

 <div ui-tour="welcome" ui-tour-popup-class="onboarding" ui-tour-template-url="'onboarding.tpl.html'" ui-tour-backdrop="true" class="collapse navbar-collapse" id="main-menu">
 <div tour-step="account" tour-step-title="{{'lo.onboarding.configuration.title' | translate }}" tour-step-content="{{'lo.onboarding.configuration.description' | translate }}" tour-step-placement="bottom-right"> </div>

Additional notes/code:

i can send you in private a screen capture if you want ?
thx
Bruno

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions