fix

Author: wxiaoguang

templates/shared/avatar_upload_crop.tmpl

@@ -1,7 +1,7 @@
 {{- /* we do not need to set for/id here, global aria init code will add them automatically */ -}}
 <label>{{.LabelText}}</label>
 <input name="avatar" type="file" accept="image/png,image/jpeg,image/gif,image/webp">
-{{- /* the cropper-panel must be next sibling of the input "js-avatar-with-cropper" */ -}}
+{{- /* the cropper-panel must be next sibling of the input "avatar" */ -}}
 <div class="cropper-panel tw-hidden">
 	<div>{{ctx.Locale.Tr "settings.cropper_prompt"}}</div>
 	<div class="cropper-wrapper"><img class="cropper-source" src alt></div>

web_src/js/features/comp/Cropper.ts

@@ -41,8 +41,8 @@ async function initCompCropper({container, fileInput, imageSource}: CropperOpts)
 
 export async function initAvatarUploaderWithCropper(fileInput?: HTMLInputElement) {
   if (!fileInput) return;
-  const panel = queryElemSiblings(fileInput, '.cropper-panel')[0] as HTMLElement;
-  if (!panel) return;
+  const panel = fileInput.nextElementSibling as HTMLElement;
+  if (!panel?.matches('.cropper-panel')) throw new Error('Missing cropper panel for avatar uploader');
   const imageSource = panel.querySelector<HTMLImageElement>('.cropper-source');
   await initCompCropper({container: panel, fileInput, imageSource});
 }