Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #14553
Closed
Open
Issue created Sep 07, 2014 by Administrator@rootContributor

tooltip popover offset when rotate

Created by: urielzen

There is a bug in Bootstrap (Version Currently v3.2.0) when using tooltip or popovers on a rotated element.

When using the CSS below, the tooltip is displayed with a big offset.

transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
margin-top: 59px;
width: 100px;
position: relative;
left: -40px;
top: -90px;

I think the tooltip is appearing where the element would be if it wasn't rotated, but the thing that drives me crazy is that it used to work fine with an older version of bootstrap.

NOT WORKING (Version Currently v3.2.0) http://jsfiddle.net/urielzen/7xf9m914/

WORKING FINE (v2.3.2) http://jsfiddle.net/urielzen/gh0yuo7w/

Assignee
Assign to
Time tracking