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,

Comments

darklrd’s picture

Which polling method are you using? Thanks

Novitsh’s picture

I'm using the normal AJAX method.

Regards,

cgove’s picture

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...

Novitsh’s picture

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

darklrd’s picture

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

Novitsh’s picture

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">

darklrd’s picture

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

Novitsh’s picture

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