ScrollTo - Horizontal Selection Style Issue

[PoornachandPolamarasetti]

Which UI Kit version is this bug for?

v5.x

Latest version

• I have tested the latest version

No Hitachi confidential content

• I'm not including any Hitachi confidential content

Current behavior 😯

When we click on any section, the respective selection styling does not remain in the clicked section. It moves to the previous section.

Attached Reference Links and Videos
https://stackblitz.com/edit/react-ts-3kw9xc?file=Hello.tsx,style.css,index.tsx
05.12.2024 16_16.webm
05.12.2024 15_45.webm

Note: This issue occurs only when the screen is at 50-80% zoom level. For the remaining it is fine.

Expected behavior 🤔

When we click on any section, the respective selection styling should remain in the clicked section.

Steps to reproduce 🕹

Sandbox link:

Steps to reproduce:

Context 🔦

No response

Your Environment 🌎

Build tool: Webpack 5
Device & OS: Windows 11 laptop
Browser: Chrome 112
Other details: I observed, this issue is encountering only some screen resolutions (i.e., 50%-80%...)

[mbk2787hv]

Hello @zettca,

just wondering if you had a chance to review this issue.

Thank you,
Marco

[zettca]

Hey @PoornachandPolamarasetti @mbk2787hv

I wasn't able to reproduce the issue, and the team didn't yet have the time to look into this.

You're welcome to look into the issue and submit a fix if you have the time 🙏

[mbk2787hv]

Sure, @zettca, thank you.

Let me discuss internally with our team and will provide a fix.

Thank you.