Webkit CSS 전환이 float 속성 변경시 실패

Question

float 속성을 변경하면 CSS 전환이 실행되지 않는 Webkit 브라우저에서 성가신 버그가 발생했습니다. 기본적으로 요소의 너비가 변경 될 때 전환이 발생하고 float: left;에서 float: none;으로 변경하면 전환이 시작되지 않습니다.

$('#element').one('transitionend webkitTransitionEnd oTransitionEnd otransitionend', function(){ 
    ... 
} 

내가 요소가 이전에 폭 변경에 속성을 떠 변경하는 클래스를 적용하고, 두 시도 :

$(this).toggleClass('removeFloat widthChange'); 

//and 

$(this).toggleClass('removeFloat'); 
$(this).toggleClass('widthChange'); 

당신이 전환 끝에 일부 JS 호출을하고자하는 경우에 더 문제가 발생

나는 레이아웃의 특정 인스턴스에서 white-space: nowrap;을 사용해야 할 필요가 있기 때문에이 문제를 겪었습니다. 이는 플로팅 요소에서 작동하지 않습니다.

Answer 1

대표적인 SO 세션, 근본 문제를 알아 내고, 해결책을 찾기 위해 검색하고, 아무 것도 찾지 말고, 예를 들어 피들을 사용하여 질문을 구성하십시오. 누군가가 생각해 낼 수있는 모든 가능한 제안을 시도하면서 결과를 풀어보십시오 너 자신의 문제. 어쨌든 게시하기에는 이상한 공이라고 생각했습니다.

간단하게 설정 한 후 요소의 CSS를 조사하기 위해 필요한, 그 폭 조정 이전에

: http://jsfiddle.net/patrickmarabeas/vrcaA/이

---

편집 : 크롬 고정 보이는

$(this).toggleClass('removeFloat'); 
$(this).css('float'); //or any other valid property 
$(this).toggleClass('widthChange'); 

이 업데이트 바이올린 참조 이 문제는