画像の外をクリックした場合の挙動を本家に合わせる

mstdn-plusminus-io · Jan 15, 2023 · 6803fce · 6803fce
1 parent 14aeda1
commit 6803fce
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/app/javascript/mastodon/features/ui/components/image_loader.js b/app/javascript/mastodon/features/ui/components/image_loader.js
@@ -51,9 +51,10 @@ export default class ImageLoader extends PureComponent {
     this.removers = [];
   }
 
-  onClickContainer = onClick => e => {
+  onClickImage = e => {
     e.stopPropagation();
-    onClick();
+    e.preventDefault();
+    return false;
   }
 
   onLoadImage = e => {
@@ -110,7 +111,7 @@ export default class ImageLoader extends PureComponent {
     });
 
     return (
-      <div className={className} onClick={this.onClickContainer(onClick)}>
+      <div className={className} onClick={onClick}>
         {loading && (
           <>
             <div className='loading-bar__container'>
@@ -142,7 +143,7 @@ export default class ImageLoader extends PureComponent {
                   transformOrigin: 'left top',
                 }}
               >
-                <img src={src} alt={alt} onLoad={this.onLoadImage} style={{ visibility: this.state.visibility }} />
+                <img src={src} alt={alt} onLoad={this.onLoadImage} style={{ visibility: this.state.visibility }} onClick={this.onClickImage} />
               </TransformComponent>
             );
           }}