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

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



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!

[Kane@airrifle]

Originally Posted by sticky

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]

Originally Posted by 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

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]

Originally Posted by Kane@airrifle

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]

Originally Posted by z3r0

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]

Originally Posted by Kane@airrifle

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]

Originally Posted by Kane@airrifle

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