文本区域和下拉列表集体管理

Question

Hy!

Here's a Plunker DEMO: http://plnkr.co/edit/gBFRpL1zOfMtKcQBA0j1?p=preview

I want the dropdown to show if textarea has the focus. If it's blurred, the dropdown should hide.

But if I click on the dropdown, the textarea loses focus. The textarea should not lose focus, when the dropdown is clicked.

Any ideas?

Thanks for answers!

Answer 1

Your problem here is, that of course if you click on the dropdown, the dropdown has the focus! And if the dropdown has the focus, the textarea loses its focus. Do you understand the problem?

Try to change your logic.

• textarea: focus , dropdown: blur, dropdown: show
• textarea: blur, dropdown: focus , dropdown: show
• textarea: blur, dropdown: blur, dropdown: hide

only one element can have the focus!