diff --git a/www/form/inner.js b/www/form/inner.js index 4954bf914..67a0d1efd 100644 --- a/www/form/inner.js +++ b/www/form/inner.js @@ -3774,8 +3774,8 @@ define([ } }); $body.addClass('cp-form-palette-'+color); - - $container.attr('class', 'cp-form-creator-content'+(APP.isEditor? ' cp-form-iseditor': '')+ ('ontouchstart' in window ? ' cp-no-drag' : '')); + var containerDragClass = ('ontouchstart' in window || APP.drag === false) ? ' cp-no-drag' : '' + $container.attr('class', 'cp-form-creator-content'+(APP.isEditor? ' cp-form-iseditor': '')+ containerDragClass); if (APP.isClosed && content.answers.privateKey && !APP.isEditor && !APP.hasAnswered) { var sframeChan = framework._.sfCommon.getSframeChannel(); @@ -4023,11 +4023,13 @@ define([ // Arrows var upButton = h('button.cp-form-arrow', h('i.fa.fa-arrow-up', { 'title': Messages.moveItemUp, - 'aria-hidden': true + 'aria-hidden': true, + 'tabindex': 0 })); var downButton = h('button.cp-form-arrow', h('i.fa.fa-arrow-down', { 'title': Messages.moveItemDown, - 'aria-hidden': true + 'aria-hidden': true, + 'tabindex': 0 })); var shiftBlock = function(direction) { var blockIndex = content.order.indexOf(uid); @@ -5137,8 +5139,8 @@ define([ var toggleOffclass = 'ontouchstart' in window ? 'cp-toggle-active' : undefined; var toggleOnclass = 'ontouchstart' in window ? undefined : 'cp-toggle-active'; - var toggleDragOff = h(`button#cp-toggle-drag-off.cp-form-view-drag.${toggleOffclass}.fa.fa-arrows`, {'aria-hidden': true, 'title': Messages.toggleArrows}); - var toggleDragOn = h(`button#cp-toggle-drag-on.cp-form-view-drag.${toggleOnclass}.fa.fa-hand-o-up`, {'aria-hidden': true, 'title': Messages.toggleDrag}); + var toggleDragOff = h(`button#cp-toggle-drag-off.cp-form-view-drag.${toggleOffclass}.fa.fa-arrows`, {'aria-hidden': true, 'title': Messages.toggleArrows, 'tabindex': 0}); + var toggleDragOn = h(`button#cp-toggle-drag-on.cp-form-view-drag.${toggleOnclass}.fa.fa-hand-o-up`, {'aria-hidden': true, 'title': Messages.toggleDrag, 'tabindex': 0}); const updateDrag = state => { return function () { var $container = $('.cp-form-creator-content');