[BUG] - ThemedSiderV2 is not showing a tooltip when the title is truncated, nor its width is adaptable depending on the labels

[joanavelar91]

Describe the bug

When the labels displayed on the ThemedSiderV2 are too long, the label is truncated but no tooltip appears when mousing over the truncated label. Additionally, the ThemedSiderV2 width is not configurable, so it's impossible to adjust it depending on the label width.

Steps To Reproduce

The sample provided corresponds to antd example2, where the dashboard label was modified
1- Go to auth-antd-sample folder
2- yarn install
3- yarn run dev
4- log in to the app
5- see that the first label displayed on the item is being truncated and does not have any tooltip.

Expected behavior

When a label is truncated, I am expecting to see a tooltip when mousing over it. Besides that, I was expecting to be able to configure the width of the ThemedSiderV2 (as I might not want to see the label being truncated).

Packages

"@refinedev/antd": "^5.46.1",
"@refinedev/cli": "^2.16.46",
"@refinedev/core": "^4.57.9",
"@refinedev/react-router": "^1.0.1",
"@refinedev/simple-rest": "^5.0.10",

Additional Context

The sample is attached. auth-antd-sample.zip

[alicanerdurmaz]

Hello @joanavelar91, thank you for the issue.

Do you want to work on this?

[Ebube54]

As a proficient TypeScript developer with strong React and React Query experience, I'm well-versed in debugging complex front-end data fetching and display issues. My approach would involve thoroughly reproducing the bug to understand its precise triggers, then meticulously examining the filtering logic and react-query's data handling to identify why the filter isn't correctly resetting or fetching new data when initially empty. I will implement a robust fix that ensures filters correctly apply and display results, even when the initial list is empty, thereby improving the reliability and usability of the application's filtering system.