CSS aktywowanych i przewijania bug CHROM - element nadrzędny zniknąć, jeśli pasek przewijania unosił

Question

mam dziwny bug w chromie, natomiast Przetestowałem go w firefox i działa dobrze.

Problem polega na tym, że element hover, który będzie zawierał element display: block, a gdy pojawi się przewinięcie nadmiarowe, po najechaniu kursorem na zwoju ukryty element zniknie. W firefoxie wszystko jest w porządku.

Chrome version: 56.0.2924.87

rozmnażać bug jest poniżej, Najedź na pasku przewijania, aby go odtworzyć sobie:

.on_hover { 
 
    border: 1px solid red; 
 
    position: relative; 
 
} 
 
.hidden_block { 
 
    display: none; 
 
    width: 200px; 
 
    height: 200px; 
 
    position: absolute; 
 
    top: 15px; 
 
    left: 0px; 
 
    border: 1px solid #ccc; 
 
} 
 
.hidden_block .overflow_block { 
 
    position: relative; 
 
    width: 100%; 
 
    height: 160px; 
 
    max-height: 160px; 
 
    overflow-y: auto; 
 
    overflow-x: hidden; 
 
    border: 1px solid blue; 
 
} 
 

 
/* On hover display hidden block: */ 
 
.on_hover:hover .hidden_block { 
 
    display: block; 
 
}

<div class="on_hover"> 
 
    Hover me 
 
    <div class="hidden_block"> 
 
     <div class="overflow_block"> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
      <p>Test the content overflow</p> 
 
     </div> 
 
    </div> 
 
</div>

Ktoś ma jakieś rozwiązanie?

Dziękuję wszystkim

Answer 1

To dobrze działa na Chrome 55.0.2883.75, Windows 10. Po aktualizacji do 56.0.2924.87, to nie działa. To chyba błąd przeglądarki Chrome w wersji 56, musisz zgłosić to Google!