selected option displaying html escaped caracters


Topic: selected option displaying html escaped caracters

fmaeseele pro asked 6 years ago

Hi,When displaying a select control with a pre selected option containing escaped cars, it displays the option "description" with escaped cars although it displays correctly while displaying the list.Sorry for the provided snipped which is in french :-)

Regards

Snipped


fmaeseele pro answered 6 years ago

Hi,

Here is a proposed working fix for next version of JQuery MDB Pro (currently 4.7.1)

MDB.JS 4.7.1 Line 17927: Fix to correctly display text with "& < > or others protected HTML cars."

    this.$nativeSelect.data('select-id', this.uuid);
    this.$selectWrapper.addClass(this.$nativeSelect.attr('class'));
    /* Fix Start */
    var map = { amp: '&', lt: '<', le: '≤', gt: '>', ge: '≥', quot: '"', '#039': "'" };
    var sanitizedLabelHtml = this.$materialSelectInitialOption.replace(/&([^;]+);/g, function (m, c) { return map[c] || '' });
    /* Fix End */
    this.$materialSelect.val(sanitizedLabelHtml);
    this.renderMaterialSelect();
    this.bindEvents();

Hope that helps. Regards François


Bartłomiej Malanowski staff pro premium commented 6 years ago

Thank you for the tip! I've added this issue to our bug list so I hope this will be fixed soon


Joe Yong commented 6 years ago

Hello there, we are still experiencing this bug and we are currently on MDB Pro 4.7.6. Will this be fixed soon? Thank you.


Piotr Glejzer staff commented 6 years ago

We already fix that problem. It will be fixed in 4.7.7 version. Thanks!


Joe Yong commented 6 years ago

Hello, we updated to the latest 4.8 PRO version, and while selecting it works fine, but after selecting and saving the data, it reverts back to having "&" displayed as &


Piotr Glejzer staff commented 6 years ago

Thanks for a report, I added this to check it. Sorry about that.


Piotr Glejzer staff commented 6 years ago

Hi, may you show me an example of this problem? https://mdbootstrap.com/snippets/


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
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: PC
  • Browser: Chrome/Edge/Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes