Skip to content

targetOffset seems not works in the way i think #232

Open
@luqingxuan

Description

@luqingxuan

i have the config bellow, $input is a input element, $picker is a div element, as popover layer

target: $input,
targetAttachment: 'bottom left',
 targetOffset: '10px 0',
element: $picker,
attachment: 'top left', 
constraints: [{
         to: 'window',
         attachment: 'together'
}]

u can see, $input & $picker has vertical offset 10px, when $picker show bellow $input, it works well,
but when scroll down browser, $picker flips, and show up $input, the 10px calculation seems wrong, the gap between $input & $picker seems -10px, not 10px,

maybe u can see this example, it uses tether for react-datepicker.
https://hacker0x01.github.io/react-datepicker/
datepicker plugin works well, because the author make js config:
targetOffset: '10px 0'

and also css:
.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
margin-top: -20px;
}

just multi 2....
so i think if he config targetOffset 20px, maybe he must writes margin-top: -40px,

btw: please forget my poor english.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions