Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-2717

Issue with combobox popup during orientation change

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Normal
    • Resolution: Fixed
    • Affects Version/s: 7.0.5
    • Fix Version/s: 7.0.6
    • Component/s: Components
    • Security Level: Jimmy
    • Labels:
      None
    • Environment:

      iPad Air

    • gh.sprint.customfield.default.name:
      ZK 7.0.7

      Description

      Reproducing steps:

      1. Open sample page on a mobile browser
      2. Open combobox popup
      3. Change device orientation
      -> the size and the location of the combobox popup does not change


      Reproducing sample:

      <combobox>
          <comboitem label="Item 1"/>
          <comboitem label="Item 2"/>
          <comboitem label="Item 3"/>
      </combobox>
      

      Workaround:

      Just close the combobox popup on orientation change

      zk.afterLoad('zul.inp,zkmax', function() {
          // WORKAROUND for orientation change issue
          if (zk.ios) {
              window.addEventListener('orientationchange', function() {
                  if (window._openCombobox) {
                      window._openCombobox.close();
                  }
              });
          };
      
          var xCombobox = {};
          zk.override(zul.inp.Combobox.prototype, xCombobox, {            
              
              open: function(opts) {
                  xCombobox.open.apply(this, arguments);
                  
                  // WORKAROUND for orientation change issue
                  if (zk.ios && this._open) {
                      window._openCombobox = this;    
                  }               
              },
              
              close: function(opts) {
                  xCombobox.close.apply(this, arguments);
                  
                  // WORKAROUND for orientation change issue
                  if (zk.ios && !this._open) {
                      window._openCombobox = null;
                  }
              }
          });
      });
      

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              ChunfuChang ChunfuChang
              Reporter:
              neillee neillee
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 3 hours
                  3h