]> gitweb.michael.orlitzky.com - charm-bypass.git/commit
index.html.in: two transition fixes
authorMichael Orlitzky <michael@orlitzky.com>
Thu, 11 Sep 2025 03:03:53 +0000 (23:03 -0400)
committerMichael Orlitzky <michael@orlitzky.com>
Thu, 11 Sep 2025 03:03:53 +0000 (23:03 -0400)
commitc6a41fbb2354025b020412368b9614da3723d4a1
tree4a89574ec195628e899b9ddbf5fc2767a3455138
parentc60d23f8fefa26efa26934a37ebbc74f6078b252
index.html.in: two transition fixes

First, the repositioning of the ticket also needs to be transitioned.
This makes the QR animation much smoother.

Second, it would seem that appending the "loaded" class (to enable
transitions) can retroactively affect style changes that were made
before the class was appended. The workaround for this is to do
something that makes the browser re-flow the affected elements, and I
guess calling focus() suffices to do that. So we add in a call to
focus() before appending the "loaded" class to the ticket and its
background; this ensures that the transitions are not enabled until
after the initial ticket sizing, as was always the intent.
index.html.in