Hacker News new | ask | show | jobs
by c-smile 1277 days ago
> Animate to Auto

Sciter supports animate to min/max-content. This

   div {
     height:0;
     overflow-y:hidden; 
     transition: height ease 300ms;
   }        

   button:checked + div {
      height:min-content;
   }     
will animate the following:

      <button|checkbox checked>Show/hide</button>
      <div>
        This is a summary
      </div>
so technically that's possible. And browsers are in principle capable of doing that too if they support animation in <summary>/<details>
1 comments

> And browsers are in principle capable of doing that too if they support animation in <summary>/<details>

Do any of them do this? On my iPad right now the MDN example (1) isn’t animating, and last time I checked Chrome didn’t either.

(1) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/de...