{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/19593","repository_url":"https://api.github.com/repos/twbs/bootstrap","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/19593/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/19593/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/19593/events","html_url":"https://github.com/twbs/bootstrap/issues/19593","id":142922642,"number":19593,"title":"Bootstrap Carousel Slide Motion Glitch(on the time of motion)","user":{"login":"rupinderjeet","id":14011726,"avatar_url":"https://avatars.githubusercontent.com/u/14011726?v=3","gravatar_id":"","url":"https://api.github.com/users/rupinderjeet","html_url":"https://github.com/rupinderjeet","followers_url":"https://api.github.com/users/rupinderjeet/followers","following_url":"https://api.github.com/users/rupinderjeet/following{/other_user}","gists_url":"https://api.github.com/users/rupinderjeet/gists{/gist_id}","starred_url":"https://api.github.com/users/rupinderjeet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rupinderjeet/subscriptions","organizations_url":"https://api.github.com/users/rupinderjeet/orgs","repos_url":"https://api.github.com/users/rupinderjeet/repos","events_url":"https://api.github.com/users/rupinderjeet/events{/privacy}","received_events_url":"https://api.github.com/users/rupinderjeet/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/js","name":"js","color":"ffc40d"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v3","name":"v3","color":"d9534f"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":12,"created_at":"2016-03-23T10:33:29Z","updated_at":"2016-03-24T16:16:25Z","closed_at":"2016-03-23T22:09:37Z","body":"**I am able to play carousel, My problem is in _how carousel loads slides of different sizes_**\r\n\r\nDownload following .txt file, change its extension to **.html** and run it in chrome(you must have internet for cdn links).\r\n\r\n[problem.txt](https://github.com/twbs/bootstrap/files/186158/problem.txt)\r\n\r\n\r\nSuppose First slide's height is 100px, same for second slide, but third slide has a height of 200px.\r\n\r\nIn this HTML file, when you click 'third' button, the third slide is loaded. but while changing slide, it is shown half. After slide motion is done/complete, it shows full slide.\r\n\r\nI want to do something that makes the slide to not cause this transition glitch. It must slide a complete SLIDE PAGE. For now, It shows some part of moving third slide, and loads rest of part after slide has stopped moving.\r\n\r\n\r\nSame question is posted on StackOverfow by me. You can visit it in [here](http://stackoverflow.com/questions/36175302/html-attached-bootstrap-carousel-different-slide-height-transition-glitch)."},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/200906728","html_url":"https://github.com/twbs/bootstrap/issues/19593#issuecomment-200906728","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/19593","id":200906728,"user":{"login":"rupinderjeet","id":14011726,"avatar_url":"https://avatars.githubusercontent.com/u/14011726?v=3","gravatar_id":"","url":"https://api.github.com/users/rupinderjeet","html_url":"https://github.com/rupinderjeet","followers_url":"https://api.github.com/users/rupinderjeet/followers","following_url":"https://api.github.com/users/rupinderjeet/following{/other_user}","gists_url":"https://api.github.com/users/rupinderjeet/gists{/gist_id}","starred_url":"https://api.github.com/users/rupinderjeet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rupinderjeet/subscriptions","organizations_url":"https://api.github.com/users/rupinderjeet/orgs","repos_url":"https://api.github.com/users/rupinderjeet/repos","events_url":"https://api.github.com/users/rupinderjeet/events{/privacy}","received_events_url":"https://api.github.com/users/rupinderjeet/received_events","type":"User","site_admin":false},"created_at":"2016-03-24T16:16:23Z","updated_at":"2016-03-24T16:16:23Z","body":"[problem.v3.jsfiddle](https://jsfiddle.net/rupinderjeet/rxs1wjpj/)\r\n\r\n@cvrebert I have added new css class `.carousel-overflow` and used it in html like this `carousel-inner carousel-overflow`. It makes the motion glitch go away. But, Now there is a new problem on the very-bottom horizontal-scroll-bar. When you click 'Third' button, it appears and goes away as soon as slide motion stops."}}