Email recipient input widget

It already has been announced that we are working on a new theme for Roundcube. This is planned for version 1.4 and is in a very early state. However, we already started implementing some neat features that are nice to have especially when we’re talking about mobile devices support. Here I will show you one of these features.

It is more user friendly and usable especially on mobile to handle recipient addresses as boxes. So, when you enter a recipient it is automatically converted to a box. That element gives possibility to delete it very easily and visually better separates recipients. It also is more compact as it displays only recipient name (full recipient name and address will be displayed in a hover tip).


The implementation uses contentEditable div element for text input. So, this is different from what e.g. Gmail does (it uses textarea element). For now I see no issues with this approach. There’s still a place for style improvements and some alignments, but on a logic side it’s ready for use and I hope users will like it.

In future it could be extended with drag’n’drop support to move recipients between To, Cc, Bcc inputs. Do you have other ideas for this feature?


One thought on “Email recipient input widget

  1. An ability for plugins to hook into this and add styles would be great. For example Posteo uses a similar widget that will show whether or not an a recipient uses DANE.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s