Open AndriiShupik opened 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>``
TextArea become focused but Vertical Line "|" pipe do not exist inside.
Any solution to that problem?
Impossible to type text inside input at Popover (was working at v5.1.0)