強烈要求連登Frontend team正視zoom近scroll錯位嘅問題 - bug已de

上個post: https://lihkg.com/thread/3645144/page/1

Debug screen recording:
https://streamable.com/zpcgbb

PR detail:

當個menu drawer個background係absolute top/bottom/left/right=0 但又唔係display none的話，
個browser走會用pointer window left嘅距離去scroll下面嘅element，暫時chrome同arc都有事（都係chromium）

解決方法(react)：
menu唔show嘅時候display: none
為咗keep返個fade out animation，可以考慮用css keyframe + onAnimationEnd去處理個display state
e.g.
openDrawer = false (initial)
drawerDisplayCss = 'none' (initial)

按下menu按鈕:
openDrawer = true
drawerDisplayCss = 'absolute'

要close menu(on backdrop click):
openDrawer = false -> backdrop fade out + drawer去返左邊 （兩個都可以用css keyframe）


backdrop/drawer嘅onAnimationEnd:
if(openDrawer ==== false) drawerDisplayCss = 'none' 

推

要改用 css keyframe 應該難 d，因為有個 global touch gesture 可以從左至右拉個 menu 出黎。不過我估係而家既 implementation 加個 callback 係 hidden 既時候加個 display: none 應該唔難。

push