Dropdown Event Triggers Fails inside Modals

[luyouxin84]

ratio and dropdown have css problem in amexio-window-pane dropdown cant select, click event is not work

[pratikthecook]

Please provide your usage source code

[luyouxin84]

i have try again.. i had use bootstrap4 origine dropdown , it not work too. it look like bootstrape4 dropdown not work good in amexio-window-pane..

my code:

<amexio-window-pane [(showWindow)]="edit_condition_dispaly" [title]="'Employee Registration'" [closable]="true">

请选择一天

Action Another action Something else here

例外时间

{{obj_edit.not_start}}

{{obj_edit.not_end}}

开始的时间： 结束的时间：

<amexio-pane-action>
  <div style="float: right;">
    <amexio-btn [label]="'提交'" [type]="'primary'" (click)="update_condition()"></amexio-btn>
  </div>
</amexio-pane-action>

[luyouxin84]

i find solution 👍 u must use dropdown with <button > as menu , it work find in window-pane. Not use <a> as menu example in bootstrape 4 site. https://v4-alpha.getbootstrap.com/components/dropdowns/#menu-items

code example: `<amexio-window-pane [(showWindow)]="edit_condition_dispaly" [title]="'Employee Registration'" [closable]="true">

Dropdown

Action Another action Something else here

`

[pratikthecook]

Thankyou @luyouxin84 for reporting and providing a workaround, as you have mentioned this is indeed a bug not from our side but from the bootstrap team itself here's the link to the issue Issue. As you can see the bootstrap is in alpha stages, we expect they would resolve it soon. Till Then we would implement a workaround.

[pratikthecook]

Resolved