Topic: Tables header - sort icon jumps vertically in IE11 & Edge. Chrome works.

shadsnz free asked 5 years ago


Expected behavior Sort icons should remain in the same position in the header cell after sorting.

Actual behavior When sorting contents of a table by clicking the heading, the sort icons "jump" vertically up and down. Occurs only in IE11 and Edge (Chrome & FF works as expected).

Only an issue when the heading has multiple lines of text (wrapped).

Resources (screenshots, code snippets etc.) Example showing icons in different positions for each header


Marta Wierzbicka staff answered 4 years ago


Hi,

thank you for nice words and as I said, we will try to fix that problem.

Best, Marta


shadsnz free answered 4 years ago


Thanks Marta. We really like the MDB products and have been very impressed with the functionality and speed.

Here's an updated version of CSS we are now using:

Style sheet to workaround sort Icons jumping


Marta Wierzbicka staff answered 4 years ago


Hi,

we will check this issue and try to fix this in the next release.

Best, Marta


shadsnz free answered 5 years ago


Noted re Internet explorer. Thank you for those support details.However, we see the same problem under MS Edge which I understand is supported. Here's a snapshot from the examples at https://mdbootstrap.com/docs/jquery/tables/datatables/ showing the same problem.

enter image description here


Marta Wierzbicka staff answered 5 years ago


Hi,

as you can read in our official statement of supported browsers and devices, we do not support IE.

https://mdbootstrap.com/general/browsers-and-devices/

We are doing our best to ensure compatibility with older browsers, however, due to technical limitations, it's not always possible. IE11 is almost 6 years old and doesn't support many crucial features like flexbox.

If we decided to fully support old browsers, we would neglect the development and improvement of our products

Best Regards, Marta



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.7
  • Device: Laptop/Desktop
  • Browser: Internet Explorer
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No