Wj-combo-box drop down disappear automatically

Wj-combo-box drop down disappear automatically

Posted by: parmarkinjalk on 30 October 2018, 11:22 am EST

• 

  parmarkinjalk

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 30 October 2018, 11:22 am EST

  Hi,
  
  I am using wj-combo-box to show a drop-down inside a wj-flex-grid-column in a angular 2 component. For the rest of the component the wj-combo-box is working fine but in one component when I click the “down” arrow on the dropdown it shows the list for a second and it goes away. Also, when I hover on the “down” arrow it keeps flickering to white and grey which I think is related to this issue.

  
  <wj-flex-grid-column [binding]="'clientStatusName'" [width]="'0.90*'" [cssClass]="'italic'"
              [header]="'Client Status'" [minWidth]="30" >
  
                  <template wjFlexGridCellTemplate [cellType]="'ColumnHeader'" let-cell="cell">
  
                      <div [wjTooltip]="'#clientStatusToolTip'">
                          <label class="hoverTxt" >Client Status</label>
                          <span class="wj-glyph-filter" (click)="onFilterClick(cell)"></span>
                      </div>
  
                      <div style="text-align: left;">
  
                          <wj-combo-box [itemsSource]="clientStatusRefData" [placeholder]="'Select'" class="gridHeaders" [(selectedItem)]="copyBelowObj.clientStatusCode"
                              [isRequired]="false" [displayMemberPath]="'codeNm'" [selectedValuePath]="'codeKey'" style="width: 80%"></wj-combo-box>
  
                          <span [wjTooltip]="'Copy Below'" (click)="copyBelowValues(copyBelowObj.clientStatusCode,{property:'clientStatusCode', displayNameProperty: 'clientStatusName'})">
                              <img src="assets/images/copy-below.png" style="width: 11px;" />
                          </span>
  
                      </div>
                  </template>
          </wj-flex-grid-column>
  
  
  
  

• 

  parmarkinjalk

  • Post Options:
  • Link
    Copy

  Posted 30 October 2018, 12:55 pm EST

  Only Happens in Chrome and Firefox . Not in IE…

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 31 October 2018, 8:32 am EST

  Hello Parmar,
  
  We are sorry, we are unable to replicate the issue at our end with build 5.20182.524 and Chrome browser.
  
  Please refer to the sample:
  
  https://stackblitz.com/edit/angular-33ksjb?file=app/app.component.html

  If the issue persists, please modify the sample so that we can replicate the issue and assist you ahead.

  ~Manish

• 

  parmarkinjalk

  • Post Options:
  • Link
    Copy

  Posted 1 November 2018, 11:15 am EST

  Hi Manish,

  I am using build 5.20171.300. Can you please try it on this ?

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 2 November 2018, 7:12 am EST

  We are sorry but we are still unable to replicate the issue with build 5.20171.300.
  
  We are attaching the sample that we have used for testing(cb_grid_issue.zip).
  
  Please have a look at it and let us know if you are able to replicate the issue at your end with the attached sample, if not please modify the sample so that it replicates the issue.

  Regards
  
  Sharadcb_grid_issue.zip