Frontmatter
| id | 4799 |
| title | form.field.Select: editable false & focusLeave is not hiding the picker |
| state | Closed |
| labels | bughelp wanted |
| assignees | [] |
| createdAt | Aug 30, 2023, 11:38 AM |
| updatedAt | Dec 5, 2023, 1:14 PM |
| githubUrl | https://github.com/neomjs/neo/issues/4799 |
| author | tobiu |
| commentsCount | 2 |
| parentIssue | null |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Dec 5, 2023, 1:14 PM |
form.field.Select: editable false & focusLeave is not hiding the picker
tobiu
Aug 30, 2023, 11:42 AM
we can reproduce the issue here: https://neomjs.github.io/pages/node_modules/neo.mjs/dist/production/examples/form/field/select/index.html
=> uncheck the editable CheckBox on the right side. Click on the input node of the SelectField, click somewhere else (e.g. focus a different field).
stokedowl cross-referenced by PR #4971 on Oct 4, 2023, 1:57 PM
tobiu
Dec 5, 2023, 1:14 PM
should be resolved by @ExtAnimal
tobiu closed this issue on Dec 5, 2023, 1:14 PM
this one is tricky: in case
editable: true, we can open the picker by clicking on the related trigger. once we click somewhere else, the picker will get hiddenonFocusLeave().however, when using
editable: false, the picker will also show in case we click on the input node. This node has the CSS rulesi think this one is confusing
manager.Focus, since the field is not receiving it on a click => focussing something else does not triggeronFocusLeave()=> the picker won't hide.my first idea was that clicking on the input node could pass the focus to the picker trigger. however in that case, clicking on the input node again can trigger a focus leave.
we need a clean concept, how to best solve this issue.
@mxmrtns @ExtAnimal @Dinkh @dztoprak @hergerger1971