sort indicator icon blocked by gridmenu button

Describe the bug

In Firefox browser the slick-sort-indicator-asc icon is being blocked by the slick-gridmenu-button in the top right most grid column. These two icons are layered on top of each other and they both work as a user can still see a piece of the sort icon to be able to click on it. This occurs regardless of the amount of space on the screen, even with overly wide columns the menu icon blocks the sort icon. When this application is run on Chromium, the gridmenu button appears to the right of the sort icon and both are correctly visible.

This seems to be a cross browser compatibility issue. Are there some grid options that might cure this issue?

Reproduction

I am not sure what to put here (new dev).

The issue appears for any slickgrid implementation I have done, the sort icon is blocked in Firefox, it is correctly displayed in Chromium.

Environment Info

Firefox 106.0.2
Chromium 106.0.5249.119
typescript 3.5.3
Angular 8.2.14
Op sys: linux x64
Angular Slickgrid 3

Validations

• Follow our Code of Conduct
• Read the HOWTO - Step by Step.
• Check that there isn’t already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[mcgolkev]

That is great information and I very much appreciate you for taking the time re respond. I’m going to advocate to upgrade to the new version and see where that gets me.

From a newbe’s eyes this is like magic and very cool stuff. I’m just soaking it all in like a sponge lol.

Thanks again for going the extra mile and being so responsive.

[ghiscoding]

@mcgolkev I forgot to mention, you could also use a smaller icon like the 3 vertical dots (as demoed in Example 9) which would probably work better with thinner scrollbar