Surfaces SelectOneMenu selects an item when you press Ctrl + (hotkey)

Question

I have some JSF forms with hot keys, for example, CTRL+ Swill save data.

The problem is that when you press a key combination and focus in the field <p:selectOneMenu>, the first element is selected, starting with S(in accordance with the example), and then the form is sent.

You can reproduce this behavior in showcase in the first field by pressing CTRL+ O. In Chrome, at least he will choose the first option, and then the Open Dialog browser.

I want this component to ignore the letter when a special key is pressed.

I tested this behavior against the SELECThtml element and the "combo box" from jQuery UI, but that just doesn't happen. The surface implementation of SelectOneMenu is a different wrapper for the input field.

I tried return falsein both the attributes onkeyupand onkeydownlisted in the PF User Guide. No results.

I also tried adding jQuery keyboard event listeners with preventDefault()and return false. Nothing.

Before delving into PrimeFaces code, I would like to know if there is a known workaround for this case.

Answer 1

PrimeFaces SVN. Javascript.

Javascript, .

:

/**
 * Fix for selectOneMenu when key is pressed along with CTRL
 */
PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({

    bindKeyEvents: function() {
        var $this = this;

        this.focusInput.on('keydown.ui-selectonemenu', function(e) {
            var keyCode = $.ui.keyCode,
            key = e.which;

            switch(key) {
                case keyCode.UP:
                case keyCode.LEFT:
                    $this.highlightPrev(e);
                break;

                case keyCode.DOWN:
                case keyCode.RIGHT:
                    $this.highlightNext(e);
                break;

                case keyCode.ENTER:
                case keyCode.NUMPAD_ENTER:
                    $this.handleEnterKey(e);
                break;

                case keyCode.TAB:
                    $this.handleTabKey();
                break;

                case keyCode.ESCAPE:
                    $this.handleEscapeKey(e);
                break;
            }
        })
        .on('keyup.ui-selectonemenu', function(e) {
            var keyCode = $.ui.keyCode,
            key = e.which;
            switch(key) {
                case keyCode.UP:
                case keyCode.LEFT:
                case keyCode.DOWN:
                case keyCode.RIGHT:
                case keyCode.ENTER:
                case keyCode.NUMPAD_ENTER:
                case keyCode.TAB:
                case keyCode.ESCAPE:
                break;

                default:
                    var text = $(this).val(),
                    matchedOptions = null;

                    clearTimeout($this.searchTimer);

                    matchedOptions = $this.options.filter(function() {
                        return $(this).text().toLowerCase().indexOf(text.toLowerCase()) === 0;
                    });

                    if(matchedOptions.length) {
                        var highlightItem = $this.items.eq(matchedOptions.index());
                        if($this.panel.is(':hidden')) {
                            $this.selectItem(highlightItem);
                        }
                        else {
                            $this.highlightItem(highlightItem);
                            PrimeFaces.scrollInView($this.itemsWrapper, highlightItem);
                        }
                    }

                    $this.searchTimer = setTimeout(function(){
                        $this.focusInput.val('');
                    }, 1000);

                break;
            }
        });
    }
});

Answer 2

Primefaces 5.1.9 ( 5.2, ELITE) CTRL, ALT SHIFT.

5.0 5.0.16

Releaseesenot: http://blog.primefaces.org/?p=3415

: https://code.google.com/p/primefaces/issues/detail?id=7892