Move focus to invisible element

k0kubun · Aug 4, 2020 · 770b6ec · 770b6ec
1 parent 7a90eea
commit 770b6ec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,8 @@
 # Change Log
+## Unreleased
+- Focus on an invisible element with Tab when focusing on the editor
+  - Since v1.6.7, the focus had unintended behaviors. This fixes the issue of v1.6.7+.
+
 ## v1.8.1
 - Downgrade Electron from v9.1.2 to v5.0.13
   - Electron v6 seems to have a boot issue on macOS with electron-packager.

diff --git a/src/components/editor.js b/src/components/editor.js
@@ -29,7 +29,7 @@ export default class Editor extends React.Component {
             onFocus={this.props.onFocus}
             onBlur={this.props.onBlur}
           />
-          <div className='in_reply_to' id='0' />
+          <div className='in_reply_to' tabIndex='2' id='0' />
           <span className={`tweet_counter ${this.props.active ? 'active' : ''} ${this.props.text.length > 140 ? 'minus' : ''}`}>
             {140 - this.props.text.length}
           </span>