Fixed text wrapping issues in chrome+firefox. Regression introduced with nowrap

Author: jabbany

build/CommentCoreLibrary.js

@@ -22,7 +22,6 @@ div.abp{
 	padding:3px 0 0 0;margin:0;
 	line-height:100%;
 	font-family:Simhei,Simsun,Heiti,"MS Mincho","Meiryo","Microsoft Yahei",monospace;
-	font-weight:bold;
 	text-decoration:none;
 	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 	color:#fff;
@@ -33,7 +32,7 @@ div.abp{
 	text-wrap:none;
 	-webkit-text-size-adjust: none;
 	text-size-adjust: none;
-	white-space: nowrap;
+	white-space: pre;
 }
 .cmt.noshadow{
 	text-shadow: none !important;
@@ -42,11 +41,3 @@ div.abp{
 .cmt.rshadow{
 	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white !important;
 }
-.webkit-helper{
-	text-shadow: none;
-	-webkit-text-stroke: 0.2px black;
-	font-weight:bold;
-}
-.webkit-helper.rshadow{
-	-webkit-text-stroke: 0.2px white !important;
-}

build/base.css

@@ -31,4 +31,8 @@ function CommentLoader(url,xcm,mode){
 			}
 		}
 	}
-}
+}
+/*************************
+* Tiny Shorthand
+**************************/
+$ = function(a){return document.getElementById(a);};

demo/libxml.js

@@ -14,6 +14,7 @@
 * pool 弹幕池编号
 * hash 作者哈希
 * border 是否有边框
+* hold 暂停弹幕
 * duration 生命周期
 * x 横坐标
 * y 纵坐标
@@ -69,6 +70,10 @@
     类型限制：无
 弹幕的边框，类型为布尔值，默认为false，最好携带此参数，发送新弹幕的弹幕，默认此值为true。为true时，生成的弹幕对象外围将被蓝色的边框框住。
 
+### hold
+    类型限制：无
+如果此值是true则暂停弹幕不动
+
 ### duration
     类型限制：mode  > 6
 弹幕生存时间，为微秒计时，决定多少秒后高级/定位弹幕被移除舞台。
@@ -106,4 +111,4 @@
 
 ### font
     类型限制：无
-设定弹幕渲染字体（如果为空，则使用默认字体）。
+设定弹幕渲染字体（如果为空，则使用默认字体）。

docs/CommentProperties.md

@@ -3,15 +3,6 @@
 * Author : Jim Chen
 * Licensing : MIT License
 ******/
-$ = function(a){return document.getElementById(a);};
-var ABGlobal = {
-	is_webkit:function(){
-		try{
-			if(/webkit/.test( navigator.userAgent.toLowerCase())) return true;
-		}catch(e){return false;}
-		return false;
-	}
-};
 Array.prototype.remove = function(obj){
 	for(var a = 0; a < this.length;a++)
 		if(this[a] == obj){
@@ -72,7 +63,6 @@ function CommentManager(stageObject){
 	/** Private **/
 	this.initCmt = function(cmt,data){
 		cmt.className = 'cmt';
-		if(ABGlobal.is_webkit() && data.mode < 7) cmt.className+=" webkit-helper";
 		cmt.stime = data.stime;
 		cmt.mode = data.mode;
 		cmt.data = data;
@@ -287,6 +277,9 @@ CommentManager.prototype.finish = function(cmt){
 CommentManager.prototype.onTimerEvent = function(timePassed,cmObj){
 	for(var i=0;i<cmObj.runline.length;i++){
 		var cmt = cmObj.runline[i];
+		if(cmt.hold){
+			continue;
+		}
 		cmt.ttl -= timePassed;
 		if(cmt.mode == 1 || cmt.mode == 2) cmt.style.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.w) - cmt.w + "px";
 		else if(cmt.mode == 6) cmt.style.left = (1 - cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.w) - cmt.w + "px";

src/CommentCoreLibrary.js

@@ -22,7 +22,6 @@ div.abp{
 	padding:3px 0 0 0;margin:0;
 	line-height:100%;
 	font-family:Simhei,Simsun,Heiti,"MS Mincho","Meiryo","Microsoft Yahei",monospace;
-	font-weight:bold;
 	text-decoration:none;
 	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 	color:#fff;
@@ -33,7 +32,7 @@ div.abp{
 	text-wrap:none;
 	-webkit-text-size-adjust: none;
 	text-size-adjust: none;
-	white-space: nowrap;
+	white-space: pre;
 }
 .cmt.noshadow{
 	text-shadow: none !important;
@@ -42,11 +41,3 @@ div.abp{
 .cmt.rshadow{
 	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white !important;
 }
-.webkit-helper{
-	text-shadow: none;
-	-webkit-text-stroke: 0.2px black;
-	font-weight:bold;
-}
-.webkit-helper.rshadow{
-	-webkit-text-stroke: 0.2px white !important;
-}