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

Carousel issues safari and self compiled less version of bootstrap 3.3.1 #15227

Closed
feekApp opened this issue Nov 25, 2014 · 1 comment
Closed

Comments

@feekApp
Copy link

feekApp commented Nov 25, 2014

There is a difference between the pre compiled version of the bootstrap.css and a via less compiled version (3.3.1) related to the carousel. Using the self compiled version the carousel transform is not working properly in Safari 8.0.

After some debugging is seems like the carousel.less does not use the vendor-prefixes. When changing the carousel.less (from line 29) into the following code it works fine again!

@media all and (transform-3d), (-webkit-transform-3d) {
      //transition: transform .6s ease-in-out;
      //backface-visibility: hidden;
      .transition-transform(~'0.6s ease-in-out');
      .backface-visibility(~'hidden');
      perspective: 1000;

      &.next,
      &.active.right {
        .translate3d(100%, 0, 0);
        //transform: translate3d(100%, 0, 0);
        left: 0;
      }
      &.prev,
      &.active.left {
        .translate3d(-100%, 0, 0);
        //transform: translate3d(-100%, 0, 0);
        left: 0;
      }
      &.next.left,
      &.prev.right,
      &.active {
        .translate3d(0, 0, 0);
        //transform: translate3d(0, 0, 0);
        left: 0;
      }
    }
@juthilo
Copy link
Collaborator

juthilo commented Nov 25, 2014

Duplicate of #14937. This will be fixed in v3.3.2.

For now, you should be able to work around this problem by using our full build system for compilation, as explained here.

@juthilo juthilo closed this as completed Nov 25, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants