search

joeattardi / picmo

JavaScript emoji picker. Any app, any framework.
https://picmojs.com
MIT License
1.19k stars 117 forks source link

Scroll to top #217

Closed reflexLabs closed 2 years ago

reflexLabs commented 2 years ago

Hey, Lately I found an issue that cause the scrollable div that contains the categories and emojis to be opened (at the second time and so on) when the scrollbar is in the bottom, i tried to scrollTop with js to the class EmojiArea_emojis__L4mMq but it's doesn't work, so i wondering what's the best approach to fix it?

thanks!

joeattardi commented 2 years ago

I'm not sure what you mean, do you have an example I can look at?

reflexLabs commented 2 years ago

When I open the emoji picker for the first time (since the load of the page) it's works perfectly, but then when I close the picker and open again, it's opening the picker but at the bottom of the scrollable container, that means people can't see the top of the picker like search bar and frequently used emojis but the bottom (some letters emoji)

joeattardi commented 2 years ago

Can you create a codepen or a simple git repo showing the problem? Sounds like it might be a tricky to reproduce edge case.

joeattardi commented 2 years ago

Following up, can you provide some sample code?

reflexLabs commented 2 years ago

Hey, I can share with you the whole project if you up to, I think there's more than 1 file to this issue that needs to be investigated, and I don't want to take your time so let me know (:

joeattardi commented 2 years ago

Can you create a simplified test case that exhibits the same behavior, or at least a video showing the behavior?

If I'm understanding correctly, you're using a popup picker, when you open it the first time it's ok but after that it opens with the content scrolled down to the bottom?

Using the standard popup picker demo here (https://picmojs.com/storybook/?path=/story/popup-emoji-picker--native) I can't reproduce this. If I open the picker, scroll down to the bottom, then close it and re-open it, the scroll position is correctly reset to the top.

I don't need to see your whole project but can you at least show me the code you're using to create the picker? What would be most helpful is if you can get a CodePen or something exhibiting the issue.