WebKit filtr przerwy overflow: hidden

Question

Wydaje Mam natknąć dziwny bug renderowania, który został wprowadzony w Google Chrome 27.

Jeśli pojemnik z elementem webkit-filter i dzieci z overflow: hidden przepełniony treścią wewnątrz tego elementu nie zostaną ukryte zgodnie z oczekiwaniami, jak można zobaczyć w this test case.

Jakieś pomysły dotyczące obejścia tego błędu? Szczególnie potrzebuję drop-shadow/box-shadow (odpowiednio webkit i mozilla) do pracy w wierszach tabeli, dlatego mam to w przypadku testowym.

Answer 1

Wow, ta trwała wieczność. Więc masz rację, Chrome 27 ma błąd związany z właściwością przepełnienia, gdy filtr Webkit jest stosowany do elementu PARENT.

więc ... jeśli zastosujesz filtr do tego samego elementu, do którego zostanie zastosowana właściwość przepełnienia, będzie działać.

http://jsfiddle.net/P3ysJ/8/

.bar { 
    position: relative; 
    width: 11px; 
    height: 8px; 
    -webkit-filter: blur(0px); 
    overflow: hidden; 
}