Closed nipanimaju closed 2 years ago
I just got the time to take a deeper look, I am not sure what is happening, can you explain a little bit better?
<Datepicker v-else-if="getInputType(name) == 'date'"
v-model="gObject[name]"
:enableTimePicker="false"
autoPosition="false"
:altPosition="() => { return { top: '80px', left: '50%', transform: 'translateX(-50%)' } }"
:placeholder="dateConvert(name, value)"
@closed="dateWithoutTime(gObject[name], name)"
:locale="$i18n.locale"
teleport=".table-nav"
hideInputIcon/>
Datepicker is created dynamicly in table with another input fields (text, number). All this fields are in wrapper .table-nav where ist set teleport, this ist scrollable div with height auto. On Large screen everything is fine i dont need altPosition, but on mobile i need to show Datapicker in the midle on screen and there i added altPosition. When Datepicker field is at the top of the application in css property is my custom top: 80px, but when Datepicker field is at the bottom my custom pos is ignored (or recalculate?) is 350px sometimes 500px. Screen one - everyting ok, sceen two - not. Red square shows the current position of the Datapicker field
Tnx, I know what is causing it, will be fixed
I have updated the package but the problem persists
// edit: i forgot to set autoposition = false, work good, thx
@Jasenkoo I confirm that the issue is still present in v2.6.0. I have downgraded to v2.3.6 and everything is ok, it seems that the problem started from v2.4.0
The issue is present on mobile and small devices.
@ekkode Did you set autoPosition
to false
?
If is enought space in the top Datepicker recalculate top position, when is enought space in the bottom Datepicker take my custom 'top' position.
code:
Windows 10 64, Chrome
![111b](https://user-images.githubusercontent.com/50579605/153159383-e2f67c17-280f-4114-b0a7-d66018da95dd.jpg)