FINAL FIX: native value setter + Textbox.input() + sr-only visible

app.py

@@ -637,7 +637,7 @@ body,html{margin:0!important;padding:0!important;overflow-x:hidden;background:#1
 .gradio-container>.main>.contain{padding-top:0!important}
 .gap{gap:0!important}
 footer,.built-with{display:none!important}
-#article-url-input{display:none!important;height:0!important;overflow:hidden!important}
+#article-url-input,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
 .bdp-header{background:linear-gradient(135deg,#0d1117,#1a3a2a 50%,#8b7500);padding:14px 16px;text-align:center}
 .bdp-header h1{color:#fff;font-size:20px;margin:0;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.4)}
 .bdp-header p{color:rgba(255,255,255,.6);font-size:11px;margin:2px 0 0}
@@ -774,24 +774,14 @@ var SPACE='https://bep40-bongdaplus-news.hf.space';
 window.bdpOpen=function(url,aid,sl){
     window.location.hash='#/'+sl+'/'+aid;
     try{localStorage.setItem('bdp_url_'+aid,url);}catch(e){}
-    /* Set textbox value and trigger Gradio submit (Enter key) */
-    var found=false;
-    document.querySelectorAll('#article-url-input textarea, #article-url-input input').forEach(function(ta){
-        ta.value=url;
-        ta.dispatchEvent(new Event('input',{bubbles:true}));
-        ta.dispatchEvent(new KeyboardEvent('keydown',{key:'Enter',code:'Enter',keyCode:13,which:13,bubbles:true}));
-        found=true;
-    });
-    if(!found){
-        /* Fallback: search all Gradio textboxes */
-        document.querySelectorAll('textarea, input[type="text"]').forEach(function(ta){
-            if(ta.closest('#article-url-input')||ta.closest('[id*="article-url"]')){
-                ta.value=url;
-                ta.dispatchEvent(new Event('input',{bubbles:true}));
-                ta.dispatchEvent(new KeyboardEvent('keydown',{key:'Enter',code:'Enter',keyCode:13,which:13,bubbles:true}));
-            }
-        });
-    }
+    var w=document.querySelector('#article-url-input');
+    if(!w) return;
+    var el=w.querySelector('input')||w.querySelector('textarea');
+    if(!el) return;
+    var d=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,'value');
+    if(el.tagName==='TEXTAREA') d=Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype,'value');
+    if(d&&d.set) d.set.call(el,url);
+    el.dispatchEvent(new Event('input',{bubbles:true}));
     window.scrollTo({top:0,behavior:'smooth'});
 };
 
@@ -958,7 +948,7 @@ window.addEventListener('load',function(){var h=window.location.hash;if(h&&h.sta
 # ══════════════════════════════════════════════════════════════════════════════
 with gr.Blocks(title="Tin Tức Việt Nam",css=CSS,head=JS_HEAD,theme=gr.themes.Base(),fill_width=True) as demo:
     gr.HTML('<div class="bdp-header"><h1>📰 Tin Tức Việt Nam</h1><p>VnExpress · BongDaPlus · Thời sự · Thế giới · Kinh doanh · Công nghệ · Thể thao · Giải trí · Video</p></div>')
-    article_url=gr.Textbox(value="",elem_id="article-url-input",visible=False)
+    article_url=gr.Textbox(value="",elem_id="article-url-input",elem_classes=["sr-only"],max_lines=1)
     with gr.Row(elem_classes=["controls-row"]):
         cat=gr.Dropdown(choices=list(CATEGORIES.keys()),value="🏠 Trang Chủ (Nổi Bật)",label="Chuyên mục",scale=3,interactive=True)
         ref_btn=gr.Button("🔄 Làm mới",variant="primary",scale=1)
@@ -971,8 +961,8 @@ with gr.Blocks(title="Tin Tức Việt Nam",css=CSS,head=JS_HEAD,theme=gr.themes
         return (gr.update(visible=False),gr.update(value=read_article(url),visible=True),gr.update(visible=False),gr.update(visible=True),"")
     def show_list(c):
         return (gr.update(value=fetch_news_list(c),visible=True),gr.update(visible=False),gr.update(visible=True),gr.update(visible=False))
-    # Use article_url.submit() - triggered by JS dispatching 'keydown' Enter event
-    article_url.submit(fn=show_article,inputs=[article_url],outputs=[news_list,article_view,ref_btn,back_btn,article_url])
+    # Triggered by JS setting value via native setter + dispatching 'input' event
+    article_url.input(fn=show_article,inputs=[article_url],outputs=[news_list,article_view,ref_btn,back_btn,article_url])
     back_btn.click(fn=show_list,inputs=[cat],outputs=[news_list,article_view,ref_btn,back_btn])
     ref_btn.click(fn=show_list,inputs=[cat],outputs=[news_list,article_view,ref_btn,back_btn])
     cat.change(fn=show_list,inputs=[cat],outputs=[news_list,article_view,ref_btn,back_btn])