Padding

[collimarco]

Is there any way to configure the field padding?

I have this CSS:

input {
  padding: .5em 1em;
}

However emojionearea ignores that (and thus the inputs with the emoji are much smaller compared to the normal input fields). I have also tried to apply the padding to .emojionearea but it doesn't work.

Any solution or workaround would be appreciated.

[carpii]

Create a jsfiddle to demonstrate, much easier to help when your code is all in place..

https://jsfiddle.net/mervick/1v03Lqnu/765/

[collimarco]

@carpii Thanks for the quick reply! Here's a demonstration: https://jsfiddle.net/be9tmcj4/

[carpii]

Once you call EmojiOneArea() the input is replaced by a emojionearea div, so you would need to apply CSS to that rather than the input

There's a basic attempt here.. https://jsfiddle.net/nyg6hm8v/1/

But this won't support a multi-line input, and also you need to set a fixed height on the div - perhaps there's a better way, I didn't spent heaps of time on it