Support touch events in dijit._CssStateMixin

[mgottli]

It would be nice to update dijit._CssStateMixin to support the touch events for iPad, etc. This would be pretty easy to do and then the dojo buttons would behave better on touch devices.

[mgottli]

Updated to support touch events so styles are properly applied on dijit.form.Button on the iPad

[bill]

Thanks for the patch. Some devices have both mouse and touch so it shouldn't be either/or, but rather and/or.

Oh also, can you attach patches in patch file format?

BTW long term I wanted to use the :active pseudo-selector in our CSS files, but it doesn't seem to works for touch events?

[bill]

May get this support automatically after Evan's dojo.touch work.

[bill]

Evan, you had patches to update dijit for touch support, right? So assigning this one to you.

[bill]

(In [25151]) Fixes for dijit widgets on mobile:

• clicking blank area of screen to close dropdown
• clicking arrow icon to open dropdown for DateTextBox/ComboBox/etc.
• dragging BorderContainer splitter
• clicking slider bar to adjust slider value
• CSS active effect when pressing button

Unresolved mobile issues:

• have to click twice to close menu (first click doesn't even generate an onclick event, not sure why)
• opening TooltipDialog/Dialog/InlineEditBox doesn't focus [first] field
• Dialog position doesn't readjust when keyboard opened or phone orientation changed (portrait to landscape)

Changes:

• use dojo.touch.* rather than mousexxx events
• added press, move, release options for dojoAttachEvent, ex: dojoAttachEvent="press: _onMouseDown", that correspond to dojo.touch events

• remove e.touches[] normalization code since that's now handled by dojo/on.

Not adjusting:

• Editor since that has many issues on mobile.

• deprecated SplitContainer widget

Refs #12934, fixes #12250 !strict

[bill]

In [28234]:

Remove unnneeded require() of dojo/touch, and fix event names. Can't use dojo/touch because _CssStateMixin uses addEventListener()/attachEvent() rather than dojo/on. Refs #12250 !strict.

[bill]

In [28854]:

fix typo in test, refs #12250

[bill]

In [29196]:

remove strange character (typo), refs #12250

[Bill Keese <[email protected]…>]

In 548ba569dea1db38363fc0ebe7b445ff7a933053/dijit:

Error: Processor CommitTicketReference failed

Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled?