Request auto position emojionearea-picker.

[M-Husein]

Hi, mervick

Thanks for share your work ;)
I want Request auto position emojionearea-picker, like tether.js.
I mean, the picker can adjust the available space position.

This is what i mean:

I hope you can add this feature for your awesome emojione plugin.
Thanks you very much ;)

[mervick]

Hi,
Thank you for your suggestion,
I know about that bug.
I even already fixed this bug before, but only on in closed product with proprietary license and can't just share it.

[M-Husein]

Oh, I see :)

What available special feature in proprietary license?
Where I can show the list proprietary license?

[mervick]

No, it used in proprietary product of company.

[M-Husein]

Oh, sorry I misunderstood :)

But, please give me little info or guide to implement this,
Do you use tether.js or build your own auto position system?

[mervick]

I build my own auto position system, it detects position of picker button and window height, also it reacts on window scrolling

[M-Husein]

Ok, I try build without tether.js, Thank you very much.

👍

[Zeokat]

This bug is really annoying. Could anyone solve it?

I love this project, but is useless on most mobile websites that i use it. The emojionearea can't be accessed properly.

Anyone knows an emoji picker without this issue?

[sharet08]

ojis. 😎🤠😏😭😡😰🤢

[sharet08]

😀🇵🇪

[M-Husein]

Hello all,
I change emojionearea picker with bootstrap 4 dropdown menu + popper.js,
auto position success, @mervick I think you should consider using popper.js

Thanks :)

[mervick]

@M-Husein it will add additional dependency

[M-Husein]

@mervick, So, have you added this feature with your own code?

[mervick]

@M-Husein no, currently I didn't, but it's not good to add one more dependency for this.
Yes, popper.js is good, but as I remember there are a lot issues with proper version of popper.js and bootstrap 4.
I think popper.js can be used as plugin

[hacknlove]

This bug is really annoying. Could anyone solve it?

I love this project, but is useless on most mobile websites that i use it. The emojionearea can't be accessed properly.

Anyone knows an emoji picker without this issue?

In mobile websites I hide the button, because users can add emojis from their virtual keyboads

    .emojionearea-button {
      display: none;
      @media (hover:hover) {
        display: block;
      }
    }

[hacknlove]

try this with "top" positioning

    events: {
      'picker.show' (picker) {
        if (picker.offset().top < 0) {
          picker.css('top', picker.position().top - picker.offset().top)
          picker.css('position', 'absolute')
        }
      },
      'picker.hide' (picker) {
        console.log('hide')
        picker.css('top', '')
        picker.css('position', '')
      }
    }