Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug]: DatePicker некорректные закругления при popupDirection="top" #6889

Closed
danillas opened this issue May 6, 2024 · 3 comments · Fixed by #6906
Closed

[Bug]: DatePicker некорректные закругления при popupDirection="top" #6889

danillas opened this issue May 6, 2024 · 3 comments · Fixed by #6906
Assignees
@mendrew
Labels
cmp:date-picker type:bug

Comments

@danillas
Copy link

danillas commented May 6, 2024 •
edited

Описание

При popupDirection="top" закругления такие же как и при bottom

Версия

6.0.2

В каких браузерах воспроизводится проблема?

No response

Шаги воспроизведения

Воспроизводится в доке https://vkcom.github.io/VKUI/#/DatePicker

Предусловия:
Должно быть достаточно места для открытия попапа сверху перед пикером:

<View activePanel="datePicker">
  <Panel id="datePicker">
    <PanelHeader>DatePicker</PanelHeader>
    <Group>
    <Spacing size={130}/>
      <FormItem top="Дата рождения">
        <DatePicker
          min={{ day: 1, month: 1, year: 1901 }}
          max={{ day: 1, month: 1, year: 2006 }}
          onDateChange={(value) => {
            console.log(value);
          }}
          dayPlaceholder="ДД"
          monthPlaceholder="ММММ"
          yearPlaceholder="ГГГГ"
          popupDirection="top"
        />
      </FormItem>
    </Group>
  </Panel>
</View>

Ожидаемое поведение

Ожидается что будет наоборот - у верхних углов нет загруглений, у нижних есть

Скриншоты

image

Пример с воспроизведением

No response
@mendrew mendrew self-assigned this May 6, 2024
@levtsypanov
Copy link

У меня не работает popupDirection="top". Остаётся по дефолту "bottom"
2024-05-06_15-12-20
2024-05-06_15-12-02

@danillas
Copy link
Author

danillas commented May 6, 2024 •
edited

@levtsypanov См. предусловия и приложенный код. Там есть дополнительный спейсинг в 130px

@mendrew
Copy link
Contributor

mendrew commented May 6, 2024

@levtsypanov

У меня не работает popupDirection="top". Остаётся по дефолту "bottom"

Да, он будет работать как top, если сверху достаточно места для дропдауна.

@mendrew mendrew mentioned this issue May 13, 2024
Merged
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mendrew mendrew

Labels
cmp:date-picker type:bug
Projects
VKUI
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(DatePicker, Popper, Popout): extend usePlacementChangeCallback logic VKCOM/VKUI
3 participants
@mendrew @danillas @levtsypanov