Chrome Browser Notice (For Quick Reply Editor) - How to fix non-working space bar

[BirdOPrey5]

If you are not already aware the latest version of Chrome browser (Version 54.0.2840.71, possibly others) has introduced a bug or incompatibility with the version of CKEditor used in VB 4.x.

If a user attempts to use the "Reply With Quote" feature on an existing post and begins to type their reply under the existing quote without hitting the Enter key first, the space bar will not work.

The issue is talked about on vBulletin.com here: http://www.vbulletin.com/forum/forum/vbulletin-4/vbulletin-4-questions-problems-and-troubleshooting/4356452-space-bar-not-working-on-reply

While this is not a true fix, it does display a notice above the quick reply editor advising Chrome users that they can fix the problem simply by hitting the Enter key. (See Screenshot.)

https://vborg.vbsupport.ru/external/2016/11/1.png?1

The actual text displayed is held in a Global phrase called chrome_editor_message_bop5 so it is easily edited or translated as needed using Phrase Manager in the Admin CP.

There are no options, just install it and it will become active. Disable or remove the product to stop using it.

Notice will only be displayed in Chrome browser and when the enhanced WYSIWYG editor is enabled in the user's options. The Standard Editor and Basic Editor do not have this bug.

The function that attempts to determine the browser version was publicly available, location it can be found is a comment in the Functions plugin.

This mod will only install on VB 4.x versions and is only useful with VB 4.x versions 4.1.12 and above. May not work on heavily customized styles.

------------------------------------------------------

Please "Mark as Installed" if you use this. :)
Donations always appreciated. :up:
Nominate MOTM if you LOVE it! ;)

[BirdOPrey5]

Reserved.

[BirdOPrey5]

<span style="text-decoration: line-through">Well, I guess this was a waste of my time.

Google has already pushed out an update with Chrome that fixes the issue. The new version on Win 10 64 bit is 54.0.2840.87.

If you have already installed it maybe give it a week or so for everyone to update and then remove it. No need for it.</span>

Edit - Not true.

[andryus]

I am getting the same issue with the latest chrome update ( 54.0.2840.87 m )

[Kane@airrifle]

I am getting the same issue with the latest chrome update ( 54.0.2840.87 m )

As am I and my users.

[BadgerDog]

Well, I guess this was a waste of my time.

Google has already pushed out an update with Chrome that fixes the issue. The new version on Win 10 64 bit is 54.0.2840.87.

If you have already installed it maybe give it a week or so for everyone to update and then remove it. No need for it.

I've found your code and contributions are never a waste of time .. :up:

Thanks for doing this .. :)

Regards,
Doug

[BirdOPrey5]

I am getting the same issue with the latest chrome update ( 54.0.2840.87 m )

As am I and my users.

Have you restarted your browsers and perhaps cleared your cache? I know I cleared my cache for a different reason but it definitely works for be after restarting the browser.

[andryus]

Have you restarted your browsers and perhaps cleared your cache? I know I cleared my cache for a different reason but it definitely works for be after restarting the browser.

Sure, already tested, still with the same issue with the latest chrome update, tested on different computers with clean chrome.

[BirdOPrey5]

So weird... seems like it is still broke for me. I thought changing styles would have reloaded the CSS but I had to clear my cache and once I did the problem was back.

There is no working fix yet from Chrome, sorry for the confusion.

[DeMonViTo]

Hello thanks for the mod!
I have the same problem even when I reply to private messages, you could place the warning them also?

[BirdOPrey5]

I'll need to take a closer look. A quick glace suggests it possible but more difficult. Will get back to you here.

Please "Mark as Installed" if you're using it.

[Kane@airrifle]

This mod is still relevant.

The issue remains in Chrome 54.0.2840.99 m

[sticky]

Such a joke Vbulletin can't fix this.

[In Omnibus]

Such a joke Vbulletin can't fix this.

Why are you blaming vBulletin for a problem with the Google Chrome web browser and the CKEditor, neither of which are developed by vBulletin?

[Paul M]

Such a joke Vbulletin can't fix this.
The only "joke" is people who make clueless comments about things they dont seem to understand. This is a bug/issue in Chrome, so I suggest you go and moan at them.

[Paul M]

Oh, and since none of this is relevant to support of the mod, any further arguments will be removed.

[Stratis]

I have many issues with IE 11, so its a good advice to start fixing these problems to.
Wow!!! that's very cool.


Any way just joking, I am not writing here to say what must be done or not?


But please Admins you must remove all these post and mine to another new thread. At least we must respect Joe for his help until something changes.


Thanks and sorry for interfering :)

[TerryMason]

Thank you for this mod!

Hopefully chrome will fix this issue before too long.

[gatsman]

Thanks for your work mate.

This is only for Quick Reply Editor.
Is there a way to have this mod in the full editor too?

[sticky]

I installed this and it's working.

Edit: Actually, had to uninstall. Not sure why but certain pages won't load for me when it's enabled.

[MarkFL]

...Edit: Actually, had to uninstall. Not sure why but certain pages won't load for me when it's enabled.

If you let the developer (Joe) know which pages won't load, he would have a better chance of addressing the issue if he knows what to look for. ;)

[bazookajoe]

Is anything being done with this mod?

[I.G.O.T.A.]

Subscribed.

[Mark.B]

Is anything being done with this mod?

Such as?

It's just a notice above the editor. Not sure what else you think should be done with it.

[Psalmist]

Installed it and the notice does indeed show above the quick reply for posts, but what about the quick reply for private messages? Actually that's where our users are having the space bar issue so that is where we need the notice. How can we make it appear there also?

[BirdOPrey5]

Hey all,

I looked at putting it by PMs and while it is possible it is a lot of extra work. While I started looking at the code I had a thought.

As much as I like mods the reality of the situation is this- I think this is much more gracefully handled by the vBulletin Notices System.

My suggestion:

Go to Admin CP -> Notices -> Add New Notice

Title: Editor Notice
Notice HTML: <strong>Possible bug when replying to posts or Private Messages, please read.</strong>
<br />
A bug in newer versions of Chrome and Opera browsers (and possibly others) may cause your space bar not to work when replying to posts, private messages or other content on the forum. If you find your space bar isn't working simply press your <strong>&lt;Enter&gt;</strong> key a couple times inside the post and the space bar will work again. We hope this will get fixed in a future update of the browser.<br / >

To close this message click the "X" on the top right corner.

Active, Persistent, and Dismissible all set to yes.

No reason to show it to guests they can't reply anyway so check the box for "User does not belong to usergroup" and select Unregistered / Not Logged In as the usergroup not to display it to and save changes.

I implemented this on my own site. I kept the mod installed as an extra reminder but the notice is good info for everyone. They can dismiss it and never see it again but they (may) remember to just hit enter and be done with it should they get the problem.

[BirdOPrey5]

If you let the developer (Joe) know which pages won't load, he would have a better chance of addressing the issue if he knows what to look for. ;)

I'd be most curious if I can duplicate the issue.

[bazookajoe]

Such as?

It's just a notice above the editor. Not sure what else you think should be done with it.

Yep...Sorry, I meant to ask if any fix was forthcoming for this bug. My bad.

[Kane@airrifle]

Adding this to to the bottom of editor_contents.css seems to get the space bar working with the WYSIWYG editor on my board.

@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
}

The added blank lines that appear in the quoted post disappear on posting.

YMMV

[sticky]

Adding this to to the bottom of editor_contents.css seems to get the space bar working with the WYSIWYG editor on my board.

@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
}

The added blank lines that appear in the quoted post disappear on posting.

YMMV

Hey! This works.

The only problem is the issue still persists in PM's. Forum posting is fixed though when quoting.

[Kane@airrifle]

Hey! This works. LOL, you're better than Vbulletin support.

The only problem is the issue still persists in PM's. Forum posting is fixed though when quoting.

I take no credit, this kludge was posted elsewhere by man1c.

To get it to work in PMs and Quick reply add this to the bottom of editor_contents.css.


/*-- Temporary Chrome Spacebar Fix --*/
@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
body.content {white-space: pre-wrap;}
}

[BirdOPrey5]

Adding this to to the bottom of editor_contents.css seems to get the space bar working with the WYSIWYG editor on my board.

@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
}

The added blank lines that appear in the quoted post disappear on posting.

YMMV

If you like it, then that's great. For me I feel like if I have to explain to my users to not worry about the extra blank lines I might as well just tell them to hit the enter key to get the space bar working again.

[z3r0]

I take no credit, this kludge was posted elsewhere by man1c.

To get it to work in PMs and Quick reply add this to the bottom of editor_contents.css.


/*-- Temporary Chrome Spacebar Fix --*/
@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
body.content {white-space: pre-wrap;}
}

That wasn't what I (man1c) posted, this was:-

@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
}

You also need to turn off quick edit for it to work properly without any extra whitespace issues for anybody.

[Kane@airrifle]

Quick edit, on or off, the white space is there while replying on my board. On posting the whitespace goes away in any event.

body.content {white-space: pre-wrap;}

The added line above is to get rid of the issue in the PM system.

If you like it, then that's great. For me I feel like if I have to explain to my users to not worry about the extra blank lines I might as well just tell them to hit the enter key to get the space bar working again.

Sadly, it's been my experience that the average user takes zero notice of stickies, notices or announcements. This is the case on my board where this mod is implemented but nevertheless got threads and PMs asking about the spacebar.

It is what it is....

[z3r0]

Strange, all my sites absolutely fine after the edits & QE off - could be a combination of other stuff that's been installed/modded though.

[sticky]

That wasn't what I (man1c) posted, this was:-

@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
}

You also need to turn off quick edit for it to work properly without any extra whitespace issues for anybody.

If you remove quick edit then the extra spaces disappear?

[sticky]

Sadly, it's been my experience that the average user takes zero notice of stickies, notices or announcements. This is the case on my board where this mod is implemented but nevertheless got threads and PMs asking about the spacebar.

It is what it is....

Exactly the same way on my board. Even if the issue is sticky'd and in my sig people still kept complaining and asking what was wrong.

Thank you so much! Seriously, thank you. You're a lifesaver.

[Paul M]

Off topic posts removed.
Last warning, any more digs, or other posts not related to support or use of this mod will get you a suspension.

[andryus]

How i can use it only for PM? because i have issues only with PM ( space bar not working when you send a PM )

Thanks!

[andryus]

I take no credit, this kludge was posted elsewhere by man1c.

To get it to work in PMs and Quick reply add this to the bottom of editor_contents.css.


/*-- Temporary Chrome Spacebar Fix --*/
@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
body.content {white-space: pre-wrap;}
}


This worked also for me, PM works great now

Thanks!!! :D:D:):)

[tpearl5]

I take no credit, this kludge was posted elsewhere by man1c.

To get it to work in PMs and Quick reply add this to the bottom of editor_contents.css.


/*-- Temporary Chrome Spacebar Fix --*/
@supports (-webkit-appearance:none) {
body.forum {white-space: pre-wrap;}
body.content {white-space: pre-wrap;}
}


Thanks for this! Is it just putting the cursor before the quote tag, or am I missing something?

[sticky]

Anyone know if the latest chrome update resolves this?

[Kane@airrifle]

Thanks for this! Is it just putting the cursor before the quote tag, or am I missing something?

Other than occasionally testing I never use the WYSIWYG editor myself so I do not really know what the usual cursor position is for it.

After complaints about the massive amount of whitespace the above css kludge adds to quoted contents while editing, particularly irksome when the post is long, I went another route in the end.

I removed the css from editor_contents.css and kept Quick Edit turned off. In New Posting Templates/newpost_quote I simply added 3 blank lines below:
{QUOTE={vb:raw originalposter}]{vb:raw pagetext}[/QUOTE}






It has the same effect as the css kludge without the aggravation of the white space in the quoted content. Users imply move the cursor to the 1st, 2nd or 3rd line below the quote and reply. If you can live an under quote you can put the blank lines above the code.

Anyone know if the latest chrome update resolves this?

BirdOPrey5's mod is still relevant with the latest version of Chrome ( 56.0.2924.76 ). I don't think Google will fix it. I don't think the baked in CKEditor needs a complete overhaul either, as far as I know only two files need updating, ckeditor.js and the enhancedsourcearea plugin.

[tpearl5]

Other than occasionally testing I never use the WYSIWYG editor myself so I do not really know what the usual cursor position is for it.

After complaints about the massive amount of whitespace the above css kludge adds to quoted contents while editing, particularly irksome when the post is long, I went another route in the end.

I removed the css from editor_contents.css and kept Quick Edit turned off. In New Posting Templates/newpost_quote I simply added 3 blank lines below:
{QUOTE={vb:raw originalposter}]{vb:raw pagetext}[/QUOTE}






It has the same effect as the css kludge without the aggravation of the white space in the quoted content. Users imply move the cursor to the 1st, 2nd or 3rd line below the quote and reply. If you can live an under quote you can put the blank lines above the code.



BirdOPrey5's mod is still relevant with the latest version of Chrome ( 56.0.2924.76 ). I don't think Google will fix it. I don't think the baked in CKEditor needs a complete overhaul either, as far as I know only two files need updating, ckeditor.js and the enhancedsourcearea plugin.

Yes, I noticed the extra line breaks too.

I'm going to do some testing with the updated ckeditor rar (v3.6.6) file posted here: http://www.vbulletin-ressources.com/forum/threads/31137-Bug-avec-IE-10-et-ckeditor

and see if it makes a difference.

[tpearl5]

Okay, yeah, that rar isn't going to work without modifying things further. It looks like they just merged the vbulletin plugin with the latest ckeditor code, but by default vbulletin doesn't use the core directory.

I don't think the baked in CKEditor needs a complete overhaul either, as far as I know only two files need updating, ckeditor.js and the enhancedsourcearea plugin.

In ckeditor.js there's actually a function to insert the enter key

(function () {n.add('enterkey', {


If that were to be used after clicking reply with quote that would probably solve the issue. Unfortunately I don't know enough JavaScript to modify things myself.

[Flipfloptrader]

Installed and working, exactly what I was after, thank you.

[War Machine]

I can't translate the whole phrase. Everytime i try it my site crash in white page. Any solutions?

[sticky]

Okay, yeah, that rar isn't going to work without modifying things further. It looks like they just merged the vbulletin plugin with the latest ckeditor code, but by default vbulletin doesn't use the core directory.



In ckeditor.js there's actually a function to insert the enter key

(function () {n.add('enterkey', {


If that were to be used after clicking reply with quote that would probably solve the issue. Unfortunately I don't know enough JavaScript to modify things myself.
Any update or solution?

[BirdOPrey5]

I can't translate the whole phrase. Everytime i try it my site crash in white page. Any solutions?

Check your PHP error log right after you get a white screen. It will be one of the most recent errors listed in the log. That will help figure out the issue. My guess, perhaps, out of memory, but wild guess without actual error.

[creative-friend]

Now space bar working fine on WYSIWYG mode

[BirdOPrey5]

I haven't tested it but someone claims to have a working work-around here: https://theadminzone.com/threads/php7-compatability.140781/page-7#post-1090166