search

bluesky-social / social-app

The Bluesky Social application for Web, iOS, and Android
https://bsky.app
MIT License
8.11k stars 1.06k forks source link

Typing "9/" in the search field causes a really long lag #892

Open jeocool opened 1 year ago

jeocool commented 1 year ago

Describe the bug

Theres a really long lag when you type "9/" in the search bar on Bsky

To Reproduce

Steps to reproduce the behavior:

  1. open up https://bsky.app/
  2. type "9/" in the search bar

Expected behavior

the search bar should just keep working normally

Observed behavior

the "9" gets typed and then the whole page just freezes for like a minute

Screenshots

Details

Desktop Firefox (Lunix). dosent happen in Chrome for some reason

Additional context no

alimony commented 1 year ago

I can't reproduce this on Firefox Mac.

jeocool commented 1 year ago

currently doing internal review on disclosure of the profiler data but it looks like the 20 solid seconds of pegged CPU are all somehow coming from CSS reflows

jeocool commented 1 year ago

looks like its something to do with this call stack:

setTimeout handler []
r [https://bsky.app/static/js/511.85586275.js:2:1902951]
x [https://bsky.app/static/js/511.85586275.js:2:2628359]
S [https://bsky.app/static/js/511.85586275.js:2:2627691]
au [https://bsky.app/static/js/511.85586275.js:2:2570260]
Su [https://bsky.app/static/js/511.85586275.js:2:2576013]
57799/Su/< [https://bsky.app/static/js/511.85586275.js:2:2576082]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
gl [https://bsky.app/static/js/511.85586275.js:2:2563173]
vl [https://bsky.app/static/js/511.85586275.js:2:2562728]
hl [https://bsky.app/static/js/511.85586275.js:2:2561450]
pl [https://bsky.app/static/js/511.85586275.js:2:2561385]
hl [https://bsky.app/static/js/511.85586275.js:2:2561450]
Node.removeChild []

firing the listener attached within this call stack

setTimeout handler []
r [https://bsky.app/static/js/511.85586275.js:2:1902951]
x [https://bsky.app/static/js/511.85586275.js:2:2628359]
S [https://bsky.app/static/js/511.85586275.js:2:2627691]
au [https://bsky.app/static/js/511.85586275.js:2:2570260]
Su [https://bsky.app/static/js/511.85586275.js:2:2576013]
57799/Su/< [https://bsky.app/static/js/511.85586275.js:2:2576082]
bl [https://bsky.app/static/js/511.85586275.js:2:2566590]
_l [https://bsky.app/static/js/511.85586275.js:2:2566624]
El [https://bsky.app/static/js/511.85586275.js:2:2567085]
il [https://bsky.app/static/js/511.85586275.js:2:2559802]
97354/l/< [https://bsky.app/static/js/511.85586275.js:2:1209990]
ResizeObserver.observe []
jeocool commented 1 year ago

seeing as how this doesnt reproduce in chrome (or on Mac??) this is probably a edge case for geck o perf but i dont really know how Id report this to them

jeocool commented 1 year ago

@alimony this is on version 114.0.1 (64-bit), which version r u on

alimony commented 1 year ago

I'm on 114.0.2 (64-bit).

ansh commented 1 year ago

I am unable to reproduce this issue, unfortunately.