WebGLBackend: Configure scissor/viewport before clear. (#30452)

src/renderers/webgl-fallback/WebGLBackend.js

@@ -438,18 +438,6 @@ class WebGLBackend extends Backend {
 
 		//
 
-		//
-
-		this.initTimestampQuery( renderContext );
-
-		renderContextData.previousContext = this._currentContext;
-		this._currentContext = renderContext;
-
-		this._setFramebuffer( renderContext );
-
-		this.clear( renderContext.clearColor, renderContext.clearDepth, renderContext.clearStencil, renderContext, false );
-
-		//
 		if ( renderContext.viewport ) {
 
 			this.updateViewport( renderContext );
@@ -468,6 +456,18 @@ class WebGLBackend extends Backend {
 
 		}
 
+		//
+
+		this.initTimestampQuery( renderContext );
+
+		renderContextData.previousContext = this._currentContext;
+		this._currentContext = renderContext;
+
+		this._setFramebuffer( renderContext );
+
+		this.clear( renderContext.clearColor, renderContext.clearDepth, renderContext.clearStencil, renderContext, false );
+
+
 		const occlusionQueryCount = renderContext.occlusionQueryCount;
 
 		if ( occlusionQueryCount > 0 ) {

src/renderers/webgl-fallback/utils/WebGLState.js

@@ -548,7 +548,7 @@ class WebGLState {
 	}
 
 	/**
-	 * Specifies the viewport.
+	 * Specifies the scissor box.
 	 *
 	 * @param {Number} x - The x-coordinate of the lower left corner of the viewport.
 	 * @param {Number} y - The y-coordinate of the lower left corner of the viewport.