react-tagsinput icon indicating copy to clipboard operation
react-tagsinput copied to clipboard

Mobile devices cannot add tags - enter does not submit tags but instead moves to next form field

Open VexyCats opened this issue 5 years ago • 1 comments

  <Form.Group controlId="formBasicEmail" className={styles.appFormgroup}>
      <Form.Label className={styles.appInfolabel}>{label}</Form.Label>
      <TagsInput
        className={styles.appTagsblock}
        onChange={onChange}
        onChangeInput={onChangeInput}
        inputValue={inputValue}
        value={value || []}
        maxTags={8}
        addKeys={[9, 13]}
        maxlength="16"
        {...props}
      />
      {touched && invalid && (
        <div
          className="signerror"
        >
          {error}
        </div>
      )}
    </Form.Group>

Works fine on computer/browser. On mobile enter will only go to the next field and not actually submit the tags.

VexyCats avatar Jul 29 '20 15:07 VexyCats

Same issue.

solved it by wrapping TagsInput with form

 <form>
 <TagsInput/>
 </form>

But form cannot be nested . :(

sushanyadav avatar Aug 15 '20 08:08 sushanyadav