I have added Show/Hide column feature in igx-grid. It is working as expected in Chrome, IE, Edge. But in Mozilla and Safari it works differently. I am attaching both the screenshots of the browsers where it works perfectly and where not.
Please let me know where it has gone wrong in the browsers like Safari and Mozilla and how it can be fixed.
Below is the screenshot of the chrome. I want all the browsers to work similarly.
Screenshot of Mozilla. Here Show/Hide column section does not have the vertical scrollbar so need to scroll the whole grid to view the below columns.
Screenshot of Safari. Here it is show/hide section is cropped and neither can be scrolled down nor the below buttons are visible.
Hello,A developer is currently working on your question and will provide you with an answer in the mentioned forum thread. Please, keep in mind that according to our support policy we handle a single issue per thread. This helps us ensure that all issues are addressed and handled correctly.If you require any further assistance regarding the Show/Hide column behaving differently in different browsers, please let me know.
Sincerely,Teodosia HristodorovaAssociate Software Developer
Yes, I do have one more question related to show/hide column. Here is my post. Please can you guide me on this issue too.
Hello,
I am glad that you managed to achieve your requirement.
Please do not hesitate to let me know if you have any further questions on this matter.
Regards,Teodosia HristodorovaAssociate Software DeveloperInfragistics
Yes, this piece of code worked perfectly in Chrome and Mozilla in my system too. I have made one change in my code i.e. set max-height of igx-column-hiding and it resolved the issue in Mozilla.
Thanks for your support.
I have prepared a similar sample using igniteui-angular version 8.2.29. I tested it in Mozilla 84.0.2 and Chrome 87.0.4280.88. However, I'm still not able to reproduce any issue on my side.
Here could be found my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce.
Additionally, please keep in mind that according to our policy, support for IgniteUI Angular products is applicable to two versions back - the latest stable (version 10) and the previous major version which means that version 8 is considered retired and it is no longer eligible for Developer Support Services.
Having this in mind, I believe that the best suggestion is to upgrade to the newest version.
Thank you for your cooperation.
Looking forward to hearing from you.
Sincerely,
Teodosia Hristodorova
Associate Software Developer