दिलचस्प पोस्ट
Android "ऊंचाई" एक छाया नहीं दिखा रहा है स्वचालित रूप से वॉली कैश कैसे साफ़ करें? Redis एकल-थ्रेडेड है, तो यह समवर्ती I / O कैसे करता है? कब या आप बाएं के बजाए सही बाहरी जुड़ने का उपयोग क्यों करेंगे? सेलेनियम वेबड्रिवर पृष्ठभूमि में चुपचाप खुली ब्राउज़र विंडो कर सकते हैं? अपाचे पुनर्लेखन – मूल URL को PHP में प्राप्त करें रजिस्ट्री कुंजी को खोलने में जावा त्रुटि वॉली एंड्रॉइड नेटवर्किंग लाइब्रेरी MySQL sharding दृष्टिकोण? क्या आप समापन समझा सकते हैं (जैसा कि वे पायथन से संबंधित हैं)? Java में sudo privileges के साथ बाश कमांड कैसे निष्पादित करें? एसटीएल वेक्टर और धागा-सुरक्षा आईपी ​​रेंज की गणना कैसे करें जब आईपी पता और नेटमास्क दिया जाता है? क्या जावास्क्रिप्ट वर्ग की विधि को फिर से परिभाषित करना संभव है? जावा की ऑब्जेक्ट क्लास में क्यों प्रतीक्षा की जाती है () और सूचित करें ()?

मैं आईफोन पर ओरिएंटेशन परिवर्तन पर वेब ऐप के पैमाने / ज़ूम कैसे रीसेट करूं?

जब मैं पोर्ट्रेट मोड में अपना ऐप प्रारंभ करता हूं, तो यह ठीक काम करता है। फिर मैं परिदृश्य में घूमता हूं और इसे बढ़ाया जाता है। इसे लैंडस्केप मोड के लिए सही तरीके से मापने के लिए मुझे दो बार दो बार दोपहर को दोहन करना होगा, पहले सभी तरह से ज़ूम करें (सामान्य डबल टैप व्यवहार) और फिर से सभी तरह से ज़ूम करने के लिए (फिर, सामान्य डबल टैप व्यवहार) । जब यह ज़ूम आउट होता है, तो यह लैंडस्केप मोड के लिए सही नए पैमाने पर ज़ूम करता है।

पोर्ट्रेट पर वापस स्विच करना लगातार और अधिक काम करता है; यही है, यह ज़ूम को संभालता है ताकि यह स्थिति ठीक हो जाए जब ओरिएंटेशन चित्र पर वापस आ जाए।

मैं यह पता लगाने की कोशिश कर रहा हूं कि यह एक बग है? या अगर ऐसा कुछ है जिसे जावास्क्रिप्ट के साथ तय किया जा सकता है?

व्यूपोर्ट मेटा सामग्री के साथ, मैं प्रारंभिक-स्तरीय 1.0 पर सेट कर रहा हूं और मैं न्यूनतम या अधिकतम स्तर सेट नहीं कर रहा हूं (और न ही मैं चाहता हूं)। मैं चौड़ाई को डिवाइस-चौड़ाई के लिए निर्धारित कर रहा हूँ

कोई विचार? मुझे पता है कि कई लोगों का समाधान होने के लिए आभारी होंगे क्योंकि यह एक सतत समस्या है।

वेब के समाधान से एकत्रित समाधान "मैं आईफोन पर ओरिएंटेशन परिवर्तन पर वेब ऐप के पैमाने / ज़ूम कैसे रीसेट करूं?"

जेरेमी कीथ ( @एडेक्टियो ) का उसके ब्लॉग उन्मुखीकरण और पैमाने पर इसका एक अच्छा समाधान है

मार्कअप में अधिकतम-स्तरीय सेट नहीं करके मार्कअप स्केलेबल रखें।

<meta name="viewport" content="width=device-width, initial-scale=1"> 

फिर जब आप इस स्क्रिप्ट के साथ स्केलेबिलिटी की अनुमति देते हैं तब तक लोड पर जावास्क्रिप्ट के साथ स्केलेबिलिटी अक्षम करें:

 if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) { var viewportmeta = document.querySelector('meta[name="viewport"]'); if (viewportmeta) { viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0'; document.body.addEventListener('gesturestart', function () { viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'; }, false); } } 

22-12-2014 अपडेट करें:
एक iPad 1 पर यह काम नहीं करता है, यह eventlistener पर विफल रहता है मैंने पाया है कि निकाल रहा है।

 document.addEventListener('gesturestart', function() { /* */ }); 

स्कॉट जेहल एक शानदार समाधान के साथ आया था जो अभिविन्यास परिवर्तनों का पूर्वानुमान करने के लिए एक्सीलरोमीटर का उपयोग करता है। यह समाधान बहुत ही संवेदनशील है और ज़ूम इशारों के साथ हस्तक्षेप नहीं करता है।

https://github.com/scottjehl/iOS-Orientationchange-Fix

यह कैसे काम करता है: यह निर्धारण उपकरण के एक्सीलरोमीटर को सुनकर काम करता है, जब यह अनुमान लगाया जाए कि कोई अभिविन्यास परिवर्तन कब होने वाला है। जब यह एक ओरिएंटेशन परिवर्तन आसन्न हो जाता है, तो स्क्रिप्ट उपयोगकर्ता को ज़ूमिंग को अक्षम करता है, ऑरेंजेशन परिवर्तन को अक्षम होने के साथ ज़ूमिंग करने की अनुमति देता है। एक बार डिवाइस फिर से ऊर्ध्वाधर, या उसके अभिविन्यास के बाद परिवर्तित हो जाने पर एक बार ज़ूम फिर से ज़ूम हो जाता है। इस तरह, उपयोगकर्ता ज़ूमिंग को कभी भी अक्षम नहीं किया जाता है, जबकि पृष्ठ उपयोग में है

न्यूनतम स्रोत:

 /*! A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto.MIT License.*/(function(m){if(!(/iPhone|iPad|iPod/.test(navigator.platform)&&navigator.userAgent.indexOf("AppleWebKit")>-1)){return}var l=m.document;if(!l.querySelector){return}var n=l.querySelector("meta[name=viewport]"),a=n&&n.getAttribute("content"),k=a+",maximum-scale=1",d=a+",maximum-scale=10",g=true,j,i,h,c;if(!n){return}function f(){n.setAttribute("content",d);g=true}function b(){n.setAttribute("content",k);g=false}function e(o){c=o.accelerationIncludingGravity;j=Math.abs(cx);i=Math.abs(cy);h=Math.abs(cz);if(!m.orientation&&(j>7||((h>6&&i<8||h<8&&i>6)&&j>5))){if(g){b()}}else{if(!g){f()}}}m.addEventListener("orientationchange",f,false);m.addEventListener("devicemotion",e,false)})(this); 

मेरे पास एक ही समस्या थी, और अधिकतम-स्तरीय = 1.0 सेट मेरे लिए काम किया।

संपादित करें: जैसा कि टिप्पणियों में उल्लिखित है, जब उपयोगकर्ता चौड़ाई-रिज़ॉल्यूशन से अधिक हो जाता है, तो यह उपयोगकर्ता ज़ूम को अक्षम करता है। जैसा कि बताया गया है, यह शायद बुद्धिमान नहीं हो सकता है यह कुछ मामलों में भी वांछित हो सकता है

व्यूपोर्ट कोड:

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"> 

यदि आपके पास व्यूपोर्ट में चौड़ाई निर्धारित है:

 <meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0;" /> 

और फिर उन्मुखीकरण को बदलने के लिए यह कभी-कभी बेतरतीब ढंग से ज़ूम हो जाता है (विशेषकर अगर आप स्क्रीन पर खींच रहे हैं) यह ठीक करने के लिए यहां चौड़ाई सेट न करें I

 <meta id="viewport" name="viewport" content="initial-scale=1.0; user-scalable=0; minimum-scale=1.0; maximum-scale=1.0" /> 

यह ज़ूम को ठीक करता है जो कुछ भी होता है, तो आप या तो खिड़की का उपयोग कर सकते हैं.अनुक्रमित घटना या यदि आप चाहते हैं कि यह प्लेटफ़ॉर्म स्वतंत्र हो (परीक्षण के लिए आसान) विंडो । विजेताविड्थ विधि

मोबाइल साफरी window ऑब्जेक्ट पर ऑरेंजैनेबेशन ईवेंट का समर्थन करती है। दुर्भाग्य से जावास्क्रिप्ट के माध्यम से ज़ूम को सीधे नियंत्रित करने का कोई तरीका नहीं है। शायद आप गतिशील रूप से meta टैग लिख सकते हैं / बदल सकते हैं जो कि व्यूपोर्ट को नियंत्रित करता है – लेकिन मुझे शक है कि यह काम करेगा, यह केवल पृष्ठ की प्रारंभिक अवस्था को प्रभावित करता है। शायद आप सीएसएस का उपयोग कर अपनी सामग्री का आकार बदलने के लिए इस घटना का इस्तेमाल कर सकते हैं। सौभाग्य!

मैंने एक लैंडस्केप / पोर्ट्रेट लेआउट का एक कार्य डेमो बनाया है लेकिन बिना जावास्क्रिप्ट के काम करने के लिए ज़ूम को अक्षम करना होगा:

http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes

मैं अपनी परियोजना में इस फ़ंक्शन का उपयोग कर रहा हूं।

 function changeViewPort(key, val) { var reg = new RegExp(key, "i"), oldval = document.querySelector('meta[name="viewport"]').content; var newval = reg.test(oldval) ? oldval.split(/,\s*/).map(function(v){ return reg.test(v) ? key+"="+val : v; }).join(", ") : oldval+= ", "+key+"="+val ; document.querySelector('meta[name="viewport"]').content = newval; } 

तो बस addEventListener जोड़ें:

 if( /iPad|iPhone|iPod|Android/i.test(navigator.userAgent) ){ window.addEventListener("orientationchange", function() { changeViewPort("maximum-scale", 1); changeViewPort("maximum-scale", 10); } } 

मुझे मूल आईओएस ज़ूम को अक्षम करके और जावास्क्रिप्ट में ज़ूम कार्यक्षमता को लागू करने के बजाय, मैंने एक नया वैकल्पिक हल पाया है, जो मैंने देखा है किसी भी अन्य से अलग है।

ज़ूम / ओरियनेशन समस्या के विभिन्न अन्य समाधानों पर एक उत्कृष्ट पृष्ठभूमि सेरग्रीओ लोप्स हैं: पोर्ट्रेट के लिए उन्मुखीकरण परिवर्तन पर प्रसिद्ध आईओएस ज़ूम बग के लिए एक फिक्स ।

 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" id="viewport" content="user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" /> <title>Robocat mobile Safari zoom fix</title> <style> body { padding: 0; margin: 0; } #container { -webkit-transform-origin: 0px 0px; -webkit-transform: scale3d(1,1,1); /* shrink-to-fit needed so can measure width of container http://stackoverflow.com/questions/450903/make-css-div-width-equal-to-contents */ display: inline-block; *display: inline; *zoom: 1; } #zoomfix { opacity: 0; position: absolute; z-index: -1; top: 0; left: 0; } </style> </head> <body> <input id="zoomfix" disabled="1" tabIndex="-1"> <div id="container"> <style> table { counter-reset: row cell; background-image: url(http://img.hiwab.com/javascript/JPEG_example_JPG_RIP_010.jpg); } tr { counter-increment: row; } td:before { counter-increment: cell; color: white; font-weight: bold; content: "row" counter(row) ".cell" counter(cell); } </style> <table cellspacing="10"> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> <tr><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td> </table> </div> <script> (function() { var viewportScale = 1; var container = document.getElementById('container'); var scale, originX, originY, relativeOriginX, relativeOriginY, windowW, windowH, containerW, containerH, resizeTimer, activeElement; document.addEventListener('gesturestart', function(event) { scale = null; originX = event.pageX; originY = event.pageY; relativeOriginX = (originX - window.pageXOffset) / window.innerWidth; relativeOriginY = (originY - window.pageYOffset) / window.innerHeight; windowW = window.innerWidth; windowH = window.innerHeight; containerW = container.offsetWidth; containerH = container.offsetHeight; }); document.addEventListener('gesturechange', function(event) { event.preventDefault(); if (originX && originY && event.scale && event.pageX && event.pageY) { scale = event.scale; var newWindowW = windowW / scale; if (newWindowW > containerW) { scale = windowW / containerW; } var newWindowH = windowH / scale; if (newWindowH > containerH) { scale = windowH / containerH; } if (viewportScale * scale < 0.1) { scale = 0.1/viewportScale; } if (viewportScale * scale > 10) { scale = 10/viewportScale; } container.style.WebkitTransformOrigin = originX + 'px ' + originY + 'px'; container.style.WebkitTransform = 'scale3d(' + scale + ',' + scale + ',1)'; } }); document.addEventListener('gestureend', function() { if (scale && (scale < 0.95 || scale > 1.05)) { viewportScale *= scale; scale = null; container.style.WebkitTransform = ''; container.style.WebkitTransformOrigin = ''; document.getElementById('viewport').setAttribute('content', 'user-scalable=no,initial-scale=' + viewportScale + ',minimum-scale=' + viewportScale + ',maximum-scale=' + viewportScale); document.body.style.WebkitTransform = 'scale3d(1,1,1)'; // Without zoomfix focus, after changing orientation and zoom a few times, the iOS viewport scale functionality sometimes locks up (and completely stops working). // The reason I thought this hack would work is because showing the keyboard is the only way to affect the viewport sizing, which forces the viewport to resize (even though the keyboard doesn't actually get time to open!). // Also discovered another amazing side effect: if you have no meta viewport element, and focus()/blur() in gestureend, zoom is disabled!! Wow! var zoomfix = document.getElementById('zoomfix'); zoomfix.disabled = false; zoomfix.focus(); zoomfix.blur(); setTimeout(function() { zoomfix.disabled = true; window.scrollTo(originX - relativeOriginX * window.innerWidth, originY - relativeOriginY * window.innerHeight); // This forces a repaint. repaint *intermittently* fails to redraw correctly, and this fixes the problem. document.body.style.WebkitTransform = ''; }, 0); } }); })(); </script> </body> </html> 

यह सुधार किया जा सकता है, लेकिन मेरी ज़रूरतों के लिए यह उन प्रमुख कमियों से बचा जाता है जो मैंने देखा है अन्य सभी समाधानों के साथ हो सकता है। अभी तक मैंने केवल आईओएस 4 के साथ एक आईपैड 2 पर मोबाइल सफारी का इस्तेमाल करके इसका परीक्षण किया है।

फ़ोकस () / धुंधला () ज़ूम की कार्यक्षमता का कभी-कभी लॉक को रोकने के लिए एक वैकल्पिक उपाय है जो कुछ समय के लिए ओरिएंटेशन को बदलने और ज़ूमिंग के बाद हो सकता है।

दस्तावेज़ को सेट करना। Team.body.style बलों को एक पूर्ण स्क्रीन पुन: प्रकाशित करता है, जो कि कभी-कभी आंतरायिक समस्याओं से बचा जाता है, जहां ज़ूम के बाद फिर से दोबारा असफल हो जाता है।

एलिजाबेथ आप मेटाटैग को "आईडी" प्रॉपर्टी जोड़कर गतिशील रूप से व्यूपोर्ट सामग्री बदल सकते हैं:

 <meta name="viewport" id="view" content="user-scalable=yes, width=device-width minimum-scale=1, maximum-scale=1" /> 

तो आप बस जावास्क्रिप्ट द्वारा कॉल कर सकते हैं:

 document.getElementById("view").setAttribute('content','user-scalable=yes, width=device-width, minimum-scale=1, maximum-scale=10'); 

यह करने का एक और तरीका है, जो अच्छी तरह से काम करता है।

  1. व्यूपोर्ट को पैमाने = 1 पर सीमित करने के लिए मेटा टैग सेट करें, जो ज़ूमिंग को रोकता है:

    <मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-पैमाने = 1, न्यूनतम-पैमाने = 1, अधिकतम-पैमाने = 1">

  2. जावास्क्रिप्ट के साथ, ज़ूमिंग की अनुमति देने के लिए बाद में मेटा टैग 1/2 सेकंड बदलें:

    setTimeout (function () {document.querySelector ("मेटा [नाम = व्यूपोर्ट]")। setAttribute ('content', 'width = device-width, initial-scale = 1');}, 500);

  3. जावास्क्रिप्ट के साथ फिर से, अभिविन्यास बदलने पर, पृष्ठ पुनः लोड करें:

    window.onorientationchange = फ़ंक्शन () {window.location.reload ();};

हर बार जब आप डिवाइस को फिर से दोहराते हैं, तो पेज पुनः लोड करता है, शुरू में ज़ूम के बिना। लेकिन बाद में 1/2 सेकंड, ज़ूम करने की क्षमता बहाल है।

एक बहुत आसानी से कार्यान्वित तय मिला फ़ॉर्म के पूरा होने पर 50px का फ़ॉन्ट आकार वाला पाठ तत्व के लिए फ़ोकस सेट करें यह काम करने के लिए प्रतीत नहीं होता यदि पाठ तत्व छिपा हुआ है, लेकिन इस तत्व को छुपाने से आसानी से तत्वों के रंग गुणों को सेट करके कोई अस्पष्टता नहीं है।