moroshko/react-autosuggest

Suggestions do not receive onBlur event on touch devices

Open

#286 建立於 2016年11月10日

在 GitHub 查看
 (6 留言) (4 反應) (0 負責人)JavaScript (5,936 star) (637 fork)batch import
help wanted

描述

open this code pen on an ipad or iphone http://codepen.io/anon/pen/ENVGYR?editors=0010

  1. Focus on the second input field, type C
  2. scroll down the suggestion list
  3. tap on the first input field, type c

Observed behaviour: Suggestions on the second input field stay open and doesn't trigger the onBlur event

Expected behaviour: Suggestions should be closed and trigger the onBlur event

貢獻者指南

技術棧
reactjavascript
領域
frontendaccessibility
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
React
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
Investigate the difference between mouse and touch events in React, specifically how onBlur is triggered on touch devices. The issue suggests that tapping on another input field does not fire onBlur on the autosuggest. A possible fix might involve adding a touch event listener or using the `onTouchEnd` event to manually trigger blur. Check the component's event handling in the source code.