ui grid的ng2 semantic-ui sui-selecti网格冲突

Question

当我减少浏览器的大小时，我在表单bu的字段中放置sui-select这会丢失表单和段 吼叫是我的形式：

 <form class="ui form" [formGroup]="gform" (ngSubmit)="doSave(gform.value)">
 <input type="hidden" formControlName="questionnaireId" >
 <div class="three fields">
 <div class="nine wide field">
<label>title</label>
<input type="text" id="titleInp" formControlName="title">
</div>
<div class="three wide field">
                <label>timing</label>
                <div class="ui right labeled input">
                  <input id="estimateAnsweringTimeInp" type="number" formControlName="estimateAnsweringTime">
                  <div class="ui basic label">
                    minute
                  </div>
                </div>
             </div>
<div class="three wide field">

                    <label for="numberingTypeInp">numbering</label>
                    <div class="ui input">
                        <sui-select class="selection"  placeholder="choosing"
                        formControlName="numberingType"
                        valueField="code"
                        labelField="description"
                        #select>
                    <sui-select-option *ngFor="let option of numberingTypes"
                                   [value]="option">
                    </sui-select-option>
                    </sui-select>      
                    </div>
              </div>
           </div>
          </form>