Skip to content
This repository has been archived by the owner on Nov 21, 2024. It is now read-only.

Last chat message hidden behind input field #300

Open
leif81 opened this issue Sep 17, 2014 · 6 comments · May be fixed by #459
Open

Last chat message hidden behind input field #300

leif81 opened this issue Sep 17, 2014 · 6 comments · May be fixed by #459
Milestone

Comments

@leif81
Copy link

leif81 commented Sep 17, 2014

In Candy v1.7.1 when the number of chats fill up the chat window (.message-pane) the most recent chat message at the bottom gets hidden or at least partially hidden by the chat message input field (.message-form). Scrolling the chat window doesn't seem to help. Re-sizing the window vertically (if not already maximized) exposes the chat message.

Using Chrome Version 37.0.2062.120 m

I was able to reproduce the problem in Internet Explorer Version 11.0.9600.17207

@leif81 leif81 changed the title Last chat line hidden behind chat message input field Last chat message hidden behind input field Sep 17, 2014
@GaryNiederhelman
Copy link

I was able to solve this problem by adjusting the default.css file for the message pane in my system.

@mweibel
Copy link
Member

mweibel commented Dec 11, 2014

I couldn't reproduce this problem. So you have more messages in the room than the message-pane is high and at least parts of the message is hidden?
Does it depend on the size of the message or something like that?

@leif81
Copy link
Author

leif81 commented Dec 11, 2014

Yes, so the number of chat messages has filled up the pane and the most recent message gets hidden at the bottom under the input field. Once another message comes in it bumps it up the hidden message. So if you are chatting with someone you may find yourself one message behind the conversation which is a strange sensation.

The length of the chat message doesn't seem to matter. It's more about total number of chat messages that fill the space available.

@nesges
Copy link

nesges commented Mar 6, 2015

default.css:
.message-pane-wrapper {
bottom:62px
}

seems to solve the issue. Tested with Chrome 40.0.2214.93, FF 36.0, IE8 and IBM Notes 9

@benlangfeld
Copy link
Member

@melissanoelle / @bklang: Is this of interest?

leif81 added a commit to leif81/candy that referenced this issue May 27, 2015
@leif81
Copy link
Author

leif81 commented May 27, 2015

@nesges Thank you, that worked. I've created a PR based on your fix.

leif81 added a commit to leif81/candy that referenced this issue May 28, 2015
@benlangfeld benlangfeld modified the milestone: v2.2.0 Aug 12, 2015
leif81 added a commit to leif81/candy that referenced this issue Feb 9, 2016
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants