Graphs are broken in Safari

[filliph]

If you don't have access to a Mac to test, I can have a crack at it if you point me in the direction where to look, as I have some experience with React. I'd also need to know whether there are any .env files I'd need or anything else needed to get a dev instance of the app running 🙂

[filliph]

The label issue can be resolved by removing position: "relative", top: 2 from https://github.com/Voulk/QuestionablyEpic/blob/master/src/General/Modules/TrinketAnalysis/Charts/VerticalChart.js#L89, which also fixes an alignment issue with the labels in Chrome:

[filliph]

As it turns out, the label issue is the only actionable issue; recharts is applying some very dumb scaling when using sidebar tabs (this behaviour can probably also be seen in MS Edge and any other browser that supports sidebar tabs) where it scales down the vertical size of the bars as well.

This explains why the bars look smaller in Safari compared to Chrome.

I don't know if that behaviour can be changed in the recharts plugin.

[filliph]

@Voulk bump, this is still an issue as of today and the fix posted in #950 (comment) is still valid.

[Voulk]

Thanks, I've put a fix through in the next version. Let me know if that fixes it since I don't have a good Safari test environment.

[theresa404]

@Voulk unfortunately not resolved. i observed this today on Safari Version 18.3 (20620.2.4.11.5):