Menu icon Foundation
input in zf-panel not working

When an <input is used in a panel then you cannot use it.
It will close the panel when you click the input, because of an click handler in panel.js
The click handler should not close the panel when the user clicks on an input.

element.on('click', function(e) {
            //check sizing
            if(!matchMedia(globalQueries.medium).matches) {
              //hide element if it can't match at least medium
              scope.hide();
              foundationApi.animate(element, scope.active, animationIn, animationOut);
            }
          });
            

         

zf-panel

When an <input is used in a panel then you cannot use it.
It will close the panel when you click the input, because of an click handler in panel.js
The click handler should not close the panel when the user clicks on an input.

element.on('click', function(e) {
            //check sizing
            if(!matchMedia(globalQueries.medium).matches) {
              //hide element if it can't match at least medium
              scope.hide();
              foundationApi.animate(element, scope.active, animationIn, animationOut);
            }
          });
            

         
Rafi Benkual over 4 years ago

Not sure we ever tried a form input. You can open an issue here for this: https://github.com/zurb/foundation-apps