Escaping brackets in MVVM data attributes

[Michael]

I have a kendoDropDownList, and want the option label to be "[Please Select]", but the brackets are causing binding issues.  I was able to get the first bracket to appear by escaping it with "\[Please Select", but I can't get the 2nd one to escape.  I tried a one and two backslashes before "]".  What is the trick that I'm missing?  Thanks!

My full element markup:

<input id="OpportunityType" 
data-role="dropdownlist" 
data-auto-bind="false"
data-text-field="name"
data-value-field="opportunityTypeKey"
data-option-label="\[Please Select\]"
data-bind="value: selectedOpportunityType, source: opportunityTypes, events: { change: onOpportunityTypeChange }" />

 

[Dimitar]

Hello Michael,

We will need more time to investigate the exact cause for this behavior. I will update you with more details as soon as possible.

As a workaround for the time being, you can use the approach from this Dojo example, where using a zero-width non-joiner seems to fix the behavior:

data-option-label="‌‌[ Select Product ]"

Regards,
Dimitar
Progress Telerik

[Michael]

I'll bring that back to my team, and use it for now.  I monitor release notes, but if you end up fixing it in a future release, please post here if you happen to remember.  Thanks for the response!

[Dimitar]

Hello Michael,

We have further investigated the issue and I have logged this as a bug in the Kendo UI MVVM. You can start tracking the progress that we make on it from this GitHub issue.

Also, as a small token of gratitude for helping us discover this bug, I have updated your Telerik points accordingly.

Regards,
Dimitar
Progress Telerik