Fix Slider web offset issue

[YoussefHenna]

• Web version of the slider had an issue where the cursor location did not match the location of the thumb, there was a visible offset between them.
• Some digging in the code led to realization that the issue is because of some logic that takes place in an onLayout that relies on a ref. Initial call of the onLayout uses an uninitialized ref (as is expected based on React behavior), which leads to an improperly initialized variable that indicates the x position of the slider. The workaround here is to force onLayout to be called again so that it gets initialized properly. See the comment in the code for more details.

[linear]

P-4133 Slider on the web view has offset problem

Playground app

Summary : While sliding the thump on the webview, the position of the slider's thump is not matcing the mouse position, you can take a look at the loom video below

https://www.loom.com/share/fa316567e984429e8daf332ac1712f02

[sweep-ai]

Apply Sweep Rules to your PR?

• Apply: Leftover TODOs in the code should be handled.
• Apply: All new business logic should have corresponding unit tests in the tests/ directory.
• Apply: Any clearly inefficient or repeated code should be optimized or refactored.

[github-actions]

Published version: @draftbit/[email protected]

[github-actions]

Published version: @draftbit/[email protected]

[github-actions]

Published version: @draftbit/[email protected]

[needs]

Nice find!