Fix: doShare uses navigator.clipboard.writeText as primary (works on Chrome mobile); overflow:clip for inline comments

static/app_v2.js

@@ -395,7 +395,7 @@ function showView(id){document.querySelectorAll('.view').forEach(v=>v.classList.
 function switchCat(id){document.querySelectorAll('.cat').forEach(c=>c.classList.remove('active'));document.querySelector(`[data-cat="${id}"]`)?.classList.add('active');document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));document.querySelectorAll('video').forEach(v=>{v.pause();if(v._hls){v._hls.destroy();v._hls=null}});document.querySelectorAll('iframe[data-yt-src]').forEach(f=>{f.src=''});if(id==='home')document.getElementById('view-home').classList.add('active');else if(id==='news-all'){document.getElementById('view-cat').classList.add('active');loadNewsTab()}else{document.getElementById('view-cat').classList.add('active');loadCat(id)}}
 function toast(msg){let t=document.getElementById('progress-toast');if(t){t.textContent=msg;t.style.display='block';setTimeout(()=>{t.style.display='none'},3500)}}
 
-// ===== FIXED doShare: copy link SYNCHRONOUSLY first (preserves user gesture), then try navigator.share as bonus =====
+// ===== doShare: COPY link to clipboard, then try native share as bonus =====
 function doShare(title,url,img,postId){
   var shareUrl;
   if(postId){
@@ -403,26 +403,34 @@ function doShare(title,url,img,postId){
   } else {
     shareUrl = SPACE+'/s?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title)+'&img='+encodeURIComponent(img||'');
   }
-  // Step 1: Copy to clipboard SYNCHRONOUSLY during user gesture (MUST work)
-  var copied = false;
-  try{
-    var ta=document.createElement('textarea');
-    ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
-    document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
-    copied = document.execCommand('copy');
-    document.body.removeChild(ta);
-  }catch(e){}
-  // Step 2: Try navigator.share for native share UI (async, bonus)
-  try{
-    if(navigator.share){
-      navigator.share({title:title||'',url:shareUrl}).catch(function(){});
-    }
-  }catch(e){}
-  // Step 3: Show result
-  if(copied){toast('📋 Đã sao chép link!');}
-  else{
-    // Last resort: prompt
-    try{prompt('Sao chép link:', shareUrl);}catch(e){toast('❌ Không thể chia sẻ');}
+  // Try clipboard API first (modern, works on HTTPS)
+  if(navigator.clipboard && navigator.clipboard.writeText){
+    navigator.clipboard.writeText(shareUrl).then(function(){
+      toast('📋 Đã sao chép link!');
+      try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
+    }).catch(function(){
+      // Fallback: execCommand (deprecated but works on some browsers)
+      try{
+        var ta=document.createElement('textarea');
+        ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
+        document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
+        if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}
+        else{prompt('📋 Sao chép link:', shareUrl);}
+        document.body.removeChild(ta);
+      }catch(e){prompt('📋 Sao chép link:', shareUrl);}
+      try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
+    });
+  } else {
+    // execCommand approach
+    try{
+      var ta=document.createElement('textarea');
+      ta.value=shareUrl;ta.style.position='fixed';ta.style.left='-9999px';ta.style.top='-9999px';ta.style.opacity='0';
+      document.body.appendChild(ta);ta.select();ta.setSelectionRange(0,99999);
+      if(document.execCommand('copy')){toast('📋 Đã sao chép link!');}
+      else{prompt('📋 Sao chép link:', shareUrl);}
+      document.body.removeChild(ta);
+    }catch(e){prompt('📋 Sao chép link:', shareUrl);}
+    try{if(navigator.share)navigator.share({title:title||'',url:shareUrl}).catch(function(){});}catch(e){}
   }
 }