Fix canvas texture dimension mismatch causing texture upload to not work on WebGPU (#8113)

Co-authored-by: Martin Valigursky <[email protected]>

Author: mvaligursky

src/platform/graphics/webgpu/webgpu-texture.js

@@ -297,6 +297,19 @@ class WebgpuTexture {
     uploadData(device) {
 
         const texture = this.texture;
+
+        // If texture dimensions have changed, recreate the GPU texture (for example loading external texture
+        // with different dimensions)
+        if (this.desc && (this.desc.size.width !== texture.width || this.desc.size.height !== texture.height)) {
+            Debug.warnOnce(`Texture '${texture.name}' is being recreated due to dimension change from ${this.desc.size.width}x${this.desc.size.height} to ${texture.width}x${texture.height}. Consider creating the texture with correct dimensions to avoid recreation.`);
+
+            this.gpuTexture.destroy();
+            this.create(device);
+
+            // Notify bind groups that this texture has changed and needs rebinding
+            texture.renderVersionDirty = device.renderVersion;
+        }
+
         if (texture._levels) {
 
             // upload texture data if any
@@ -421,7 +434,8 @@ class WebgpuTexture {
             texture: this.gpuTexture,
             mipLevel: mipLevel,
             origin: [0, 0, index],
-            aspect: 'all'  // can be: "all", "stencil-only", "depth-only"
+            aspect: 'all',  // can be: "all", "stencil-only", "depth-only"
+            premultipliedAlpha: this.texture._premultiplyAlpha
         };
 
         const copySize = {