In the OpenAtrium distribution, the chat doesn't work properly.
I'm unable to type text into a chat.

I will look in to this myself if I have some time, but it would be great to see this fixed.
Kind regards,


Which polling method are you using? Thanks

I'm using the normal AJAX method.


This is due to OA's navbar css:

#navbar, #navbar * {

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-align: left;
-webkit-text-size-adjust: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
vertical-align: baseline;

Resetting these in a custom sub-theme fixed it for me:

#navbar #drupalchat-wrapper * {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-tap-highlight-color: inherit !important;
-webkit-text-size-adjust: auto !important;
-webkit-touch-callout: inherit !important;
-webkit-user-select: auto !important;
vertical-align: inherit !important;

This still messes with the margins and paddings, but those can be set again individually.

I wonder why drupalchat is residing inside the navbar in the first place...

This worked for me also, thanks.
It might be good to have those important statements in the css core of the module?

Is drupalchat-wrapper div somehow present inside nav div? Thanks.

It appears that drupalchat-wrapper is being set in following HTML line under the footer in OA:

<nav id="navbar" role="navigation" class="navbar clearfix navbar-processed">

Yes, drupalchat-wrapper div inserts itself just above body closing tag (). Thank you.

Maybe the CSS solution by cgove can be included in the default CSS?