alexkatz / react-tiny-popover

A simple and highly customizable popover react higher order component with no other dependencies! Typescript friendly.
MIT License
454 stars 121 forks source link

Input keyboard events don't work at Popover #129

Open AndriiShupik opened 3 years ago

AndriiShupik commented 3 years ago

Impossible to type text inside input at Popover (was working at v5.1.0)

AndriiShupik commented 3 years ago
                        <Popover
                            isOpen={this.state.showNotePopup === key}
                            onClickOutside={(e) => this.onHideNotePopup(e)}
                            position={["top", "right", "left"]}
                            disableReposition={false}
                            contentDestination={reactAttendance}
                            content={({
                                position,
                                childRect,
                                popoverRect,
                            }) => (
                                <ArrowContainer
                                    position={position}
                                    childRect={childRect}
                                    popoverRect={popoverRect}
                                    arrowColor={"#ffffff"}
                                    arrowSize={10}
                                >
                                    <div className='attendance-right_note'>
                                        <TextArea
                                            value={item.note || ''}
                                            onChange={(value) =>this.editNote(value, item)}
                                            type='text'
                                            placeholder={this.$t("Add a note")}
                                            maxHeight={60}
                                        />
                                    </div>
                                </ArrowContainer>
                            )}
                        >
                            <i
                                ref={this.refPopupNote}
                                className='icon icon-note'
                                onClick={(e) => this.showNote(e,key)}
                            ></i>
                        </Popover>``
AndriiShupik commented 3 years ago

TextArea become focused but Vertical Line "|" pipe do not exist inside.

image

iagobelo commented 11 months ago

Any solution to that problem?