question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot type "space" (keyCode 13) on input elements that are children of Dropzone

See original GitHub issue

Do you want to request a feature or report a bug?

  • I found a bug
  • I want to propose a feature

What is the current behavior?

When there is an input element as a child of a Dropzone component, spaces (keyCode 13) do not appear in the input.

If the current behavior is a bug, please provide the steps to reproduce.

  1. Create a component with an input inside a Dropzone.
  2. Type some words separated with spaces.

What is the expected behavior?

When there is an input element as a child of a Dropzone component, spaces (keyCode 13) appear in the input as do any other character.

If this is a feature request, what is motivation or use case for changing the behavior?

This is a regression, introduced in line 285 of src/index.js in 37306d

Let me know if there is any other information I can provide.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:5

github_iconTop GitHub Comments

2reactions
KevinAshercommented, Dec 15, 2018

As a workaround (might break accessibility), just stop event propagation on input:

<input
 onKeyDown={(e) => e.stopPropagation()}
/>

`
1reaction
vieiracommented, Dec 17, 2018

Hello @rolandjitsu,

Thanks for the quick response!

I can confirm #731 fixes the issue I experienced. Thanks a lot!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Space bar not working in form fields - Stack Overflow
The contact form is acting very strange. I cannot enter space in any of the contact fields. I'm using the following jQuery plugins:...
Read more >
Health Summary Widget - HTMLHealthSummaryWidgetName ...
toLowerCase(); return \"input\" === c && b.type === a } } function ... each(space.props, function (key, prop) {\n\n // If the cache doesn't...
Read more >
HTML 5.2: 4.4. Grouping content - W3C
List elements (in particular, ol and ul elements) cannot be children of p elements. When a sentence contains a bulleted list, therefore, ...
Read more >
Changelog - TinyMCE
fixed the visualchars plugin converting HTML-like text to DOM elements in ... fixed a bug where it wasn't possible to enter spaces into...
Read more >
9 Custom Open Source File Upload Field Snippets - Speckyboy
This is a default HTML input element and it lets users upload files ... keydown: function( e ) { if ( e.which ===...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found