Custom Query (18300 matches)

I try to create an icon button without border. Declarative definition: <button data-dojo-type="dijit/form/Button" data-dojo-props="iconClass:'downarrowIcon', showLabel: false" style="border-style:none" type="button" id="test" onClick="Test();"> Test </button>

The button instantiated as <span class="dijit dijitReset dijitInline dijitButton" role="presentation" style="border-style: none;" widgetid="test"> <span class="dijitReset dijitInline dijitButtonNode noborder" role="presentation" data-dojo-attach-event="ondijitclick:onClick"> ...

The border of the child span may be cause by it having the attribute 'role="presentation".' To eliminate the border I uses $("span[widgetid=test] > span[role=presentation]").addClass("noborder"); in dojo/ready.

The attribute is hardcoded in dijit/form/Button.js

cache:{"url:dijit/form/templates/Button.html":"<span class=\"dijit dijitReset dijitInline\" role=\"presentation\"\n\t><span class=\"dijitReset dijitInline dijitButtonNode\"\n\t\tdata-dojo-attach-event=\"ondijitclick:onClick\" role=\"presentation\"\n\t\t> ...

Touch interaction on the Switch, Slider , EditableListItem? and scrollable mobile widgets is broken on Edge. (Ok on IE11).

This is due to the name of the PointerEvent? touch-action css property that under Edge is now conform to the PointerEvents? spec (so prefix-less), while the dojo mobile code was using the ms-touch-action naming (which is not supported anymore on Edge).

On the Edge browser, for Claro theme, the selected tab label has an unwanted line underneath:

Screenshot from dijit/tests/layout/mobile.html.