search

arfedulov / semantic-ui-calendar-react

Datepicker react component based on semantic-ui-react components
https://arfedulov.github.io/semantic-ui-calendar-react/
MIT License
259 stars 93 forks source link

Calendar popup jumps around #152

Open vnesek opened 5 years ago

vnesek commented 5 years ago

Describe the bug Calendar popup while opening jumps to top-left of browser windows and then back to field it triggered it. After expansion animation it settles mostly where it should be.

This is probably related to introduction of popper.js to semantic-ui-react 0.87

To Reproduce

  1. Go to https://codesandbox.io/s/semacticuireactcalendarpopup-hys52
  2. Click on form fields
  3. See error

Expected behavior A popup opening right to the field without jumping.

Dependencies versions

rosman21 commented 5 years ago

+1

vsubbotskyy commented 5 years ago

I can confirm that rollback to semantic-ui-react 0.86.0 fixed the issue

rosman21 commented 5 years ago

Thank you, @vsubbotskyy Rolling back to 0.86 fixed for me

zheyujie commented 5 years ago

Has anyone found the root cause of this issue?

vsubbotskyy commented 5 years ago

It is likely caused by this PR

Gomez23 commented 5 years ago

Setting animation='none' fixes this.

loxs commented 5 years ago

The workaround does not work in TypeScript as it does not allow for animation='none'

sprilukin commented 5 years ago

1+ need this fix for typescript

yhnavein commented 5 years ago

1+ need this fix for typescript

animation={'none' as any}
zheyujie commented 5 years ago

for typescript, try animation={null}

Cicko commented 5 years ago

They should add 'off' or 'none' to the SemanticTRANSITIONS type so Typescript compiler doesn't shout warning and you could just simply use:

animation='off'
jtraub commented 4 years ago

It seems that Popup component from semantic-ui-react doesn't work as expected.

See https://github.com/Semantic-Org/Semantic-UI-React/issues/3852