Chat 2 by Siropu

Chat 2 by Siropu [Paid] 2.5.2

No permission to buy (€29.99)
My demo site is now using 2.0.14. Please take a look and see if you still get the issue.
Also, the mobile mode has now been reverted to how it was before but I have added an option to enable compact mode which will look like how Shoutbox does.

That has fixed the issue with changing the browser width. The other issues I mentioned still remain, so I will wait to see what this new Shoutbox mode does :)
 
I think I need to disable autofocus, it looks like it's what's causing my issue, having a search input being overridden by the chat input somehow. Any advices are appreciated :)
 
You mean the search box issue?
Yes. I also recently added the "QuickSearch" add-on by Andy. B and there's the same issue, where the input gets moved down to the chat input area. To reproduce this issue, go to my forum from mobile, then enable Desktop View from the browser settings and you'll notice the bug.

Thank you!
 
Looks like it's because of the "contenteditable" attribute which automatically calls an autofocus for some reasons, overriding other inputs.
 
I have found what the issue is. For some reason, on mobile, the event "resize" is called which runs a script that activates/updates the editor. I have made some changes and seems to be working. Can you please test it yourself on my demo site?

https://www.siropu.com/forums/chat/
 
Thank you so much for taking care of me. Yes, it looks like on your demo site it works. If you want, without releasing the script update, I can just replace the affected file and rebuild the add-on.

Thank you again!
 
Siropu updated Chat 2 by Siropu with a new update entry:

Bug Fixes

Fixed a compatibility issue with XPress add-on.
Fixed an issue where the main search input losing focus and closing.
Fixed an issue where long text is hidden under the submit button (when enabled).
Other code issues.

Note: Mobile mode has been reverted to the original style and added a new admin option called "Compact mobile mode" that allows you to display everything inline.

Read the rest of this update entry...
 
Thank you so much Siropu, you're awesome!

The issue affecting the top-right xenforo search is definitely fixed!

The other minor problem seems to persist.

If you enable desktop view from mobile browser, the Andy B. search box can't be clicked as you get moved down to the chat input wach time you try to search for something.

Maybe I should report this to him as well?
 
Thanks for the update, @Siropu. The new mobile option is not an ideal solution, but it is a better default than what we had before. I find it frustrating that we have gone from Chat v1 which worked perfectly to Chat v2 which feels inferior in terms of the layout - I would have thought the styling would be the easy part to get right in the transition, as all the work had been done previously. But I guess that's why I'm the customer, and not the programmer :)

It would be better if instead of checking for mobiles to switch to the compact mode it was based on screen width. This would stop the chat window from looking ugly at certain (albeit unusual) screen resolutions. I also do not think there is a need for the option to exist - without it enabled it is simply broken on smaller screens. I'm still not sure whether I will use this new compact mode, or just work on fixing the CSS in the original version to make it work like Chat V1 though.

I still have the issue where the editor toolbar is not displaying randomly unless you refresh the page. I wonder if this is linked to the XFMG: Media slider widget, which also has this issue when the chat is enabled. Could they be clashing somehow?

Other than this, all the previous issues I mentioned have been fixed, so thanks very much for that!
 
If you enable desktop view from mobile browser, the Andy B. search box can't be clicked as you get moved down to the chat input wach time you try to search for something.
Please provide a test account to take a look.

I find it frustrating that we have gone from Chat v1 which worked perfectly to Chat v2 which feels inferior in terms of the layout
What's wrong with the default or compact mode? The container structure in Chat 2 is a little different than Chat 1 so cannot work the same. The only difference is that in Chat 1 timestamp is floated to the right of the text and in Chat 2 is under the text which looks better in my opinion.

I still have the issue where the editor toolbar is not displaying randomly unless you refresh the page.
When that happens, please take a look in the browser console and see if there are any errors.
 
What's wrong with the default or compact mode? The container structure in Chat 2 is a little different than Chat 1 so cannot work the same. The only difference is that in Chat 1 timestamp is floated to the right of the text and in Chat 2 is under the text which looks better in my opinion.

As this is a design choice on your part, and I am the only person who is mentioning it as a negative, I will respect your choice. I preferred the old version, but that is merely my own opinion. Therefore I greatly appreciate you adding the new 'compact' mode which I think is a reasonable alternative, and I will stick with that and get used to it :)

When that happens, please take a look in the browser console and see if there are any errors.

Here you go. This happens on both my own theme and also the default theme:

Code:
jquery-3.2.1.min.js?_v=ec9aae81:2 jQuery.Deferred exception: Cannot read property 'direction' of undefined TypeError: Cannot read property 'direction' of undefined
    at c.getEditorConfig (https://www.my-website.com/js/xf/editor-compiled.js?_v=ec9aae81:92:31)
    at c.init (https://www.my-website.com/js/xf/editor-compiled.js?_v=ec9aae81:91:375)
    at c (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:117:59)
    at e (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:117:249)
    at HTMLTextAreaElement.<anonymous> (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:117:409)
    at Function.each (https://www.my-website.com/js/vendor/jquery/jquery-3.2.1.min.js?_v=ec9aae81:2:2715)
    at r.fn.init.each (https://www.my-website.com/js/vendor/jquery/jquery-3.2.1.min.js?_v=ec9aae81:2:1003)
    at Object.f [as initialize] (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:117:393)
    at Object.activate (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:43:266)
    at HTMLDocument.onPageLoad (https://www.my-website.com/js/xf/core-compiled.js?_v=ec9aae81:25:330) undefined
r.Deferred.exceptionHook @ jquery-3.2.1.min.js?_v=ec9aae81:2
jquery-3.2.1.min.js?_v=ec9aae81:2 Uncaught TypeError: Cannot read property 'direction' of undefined
    at c.getEditorConfig (editor-compiled.js?_v=ec9aae81:92)
    at c.init (editor-compiled.js?_v=ec9aae81:91)
    at c (core-compiled.js?_v=ec9aae81:117)
    at e (core-compiled.js?_v=ec9aae81:117)
    at HTMLTextAreaElement.<anonymous> (core-compiled.js?_v=ec9aae81:117)
    at Function.each (jquery-3.2.1.min.js?_v=ec9aae81:2)
    at r.fn.init.each (jquery-3.2.1.min.js?_v=ec9aae81:2)
    at Object.f [as initialize] (core-compiled.js?_v=ec9aae81:117)
    at Object.activate (core-compiled.js?_v=ec9aae81:43)
    at HTMLDocument.onPageLoad (core-compiled.js?_v=ec9aae81:25)
core.min.js?_v=ec9aae81:1 Uncaught TypeError: m.froalaEditor is not a function
    at c.editorSetHtml (core.min.js?_v=ec9aae81:1)
    at core.min.js?_v=ec9aae81:1

Many thanks :)
 
Back
Top Bottom