सामग्री पर जाएं
FormFlow

Chrome 154 में साइटें iframe के रिस्पॉन्सिव साइज़ को चुन सकती हैं

Chrome 154 iframe के लिए ऑप्ट-इन रिस्पॉन्सिव साइज़िंग जोड़ता है। FormFlow का एम्बेडेड फ़ॉर्म आपके पेज का मार्कअप है, फ़्रेम नहीं, इसलिए यह फ़ीचर उसका साइज़ बदलने के लिए कुछ नहीं पाता।

यह पोस्ट मशीन द्वारा अनुवादित है। अंग्रेज़ी में मूल पोस्ट पढ़ें

Two framed documents side by side: a fixed-height iframe that scrolls inside its frame, and an iframe sized to its document's layout with no scrollbar. It illustrates the opt-in responsively-sized iframe in Chrome 154 and why FormFlow's Embedded form, which is markup and not a frame, is unaffected.

Chrome 154 के 22 सितंबर 2026 को Stable में आने की योजना है। इसके प्रमुख फ़ीचर में Chrome 154 के रिलीज़ नोट्स एक "Responsively-sized iframe" सूचीबद्ध करते हैं, जिसे वे इस तरह बताते हैं कि "sites opt into responsive sizing for iframes"। अगर आप अपनी साइट पर FormFlow का कोई फ़ॉर्म एम्बेड करते हैं, तो स्वाभाविक सवाल यह है कि क्या इससे आपके लिए कुछ बदलता है। कोड के आधार पर छोटा जवाब: नहीं, क्योंकि एम्बेडेड फ़ॉर्म किसी iframe में नहीं होता।

रिलीज़ नोट्स क्या कहते हैं

एंट्री के अनुसार यह फ़ीचर "sizes the iframe element in the parent document to the embedded document's layout overflow sizing", और इसका लक्ष्य बताया गया है "avoiding scrolling in the child document"। सीधे शब्दों में: जो पेज किसी फ़्रेम में दूसरा दस्तावेज़ रखता है, वह फ़्रेम की ऊँचाई उतनी कर सकता है जितनी उस दस्तावेज़ को चाहिए, बजाय इसके कि ऊँचाई तय कर दी जाए और फ़्रेम के अंदर स्क्रॉलबार रह जाए।

नोट्स संक्षिप्त हैं। वे यह नहीं बताते कि ऑप्ट-इन करने के लिए साइट किस एट्रिब्यूट या हेडर का इस्तेमाल करे, और यह पोस्ट कोई अनुमान नहीं लगाएगी। वे एक ट्रैकिंग बग, एक ChromeStatus एंट्री और css-sizing-4 स्पेसिफ़िकेशन के responsive iframes सेक्शन की ओर इशारा करते हैं; किसी पेज में बदलाव करने से पहले उन्हें पढ़ लें। वे दूसरे ब्राउज़र के बारे में भी कुछ नहीं कहते।

क्या FormFlow का एम्बेडेड फ़ॉर्म एक iframe है?

नहीं। एम्बेडेड फ़ॉर्म ग्राहक का अपना पेज होता है जिसमें जनरेट किया गया कॉम्पोनेंट लगा होता है: फ़ॉर्म के स्कीमा से बना मार्कअप, जो सीधे पेज में रखा जाता है और ग्राहक की साइट से फ़ॉर्म को पोस्ट करता है। इस पोस्ट के लिए हमने कोड जाँचा। न कॉम्पोनेंट जनरेटर और न ही resources/js/embed/runtime.js में मौजूद एम्बेड रनटाइम कोई iframe बनाता है। रनटाइम आपके पेज पर वे form एलिमेंट खोजता है जिन पर कॉम्पोनेंट के data एट्रिब्यूट हैं और उन पर वहीं काम करता है, यानी पहले से मौजूद फ़ॉर्म में चरण नेविगेशन और त्रुटि संदेश जैसा व्यवहार जोड़ता है।

इससे Chrome 154 वाला सवाल सुलझ जाता है। नया फ़ीचर फ़्रेम को उसके अंदर के दस्तावेज़ के साइज़ में ढालने के बारे में है। एम्बेडेड फ़ॉर्म में कोई फ़्रेम नहीं है, इसलिए फ़ीचर के पास साइज़ बदलने को कुछ नहीं है। फ़ॉर्म उतनी ऊँचाई लेता है जितनी उसके अपने मार्कअप को चाहिए, ठीक आपके पेज के किसी भी दूसरे ब्लॉक की तरह, और उसे कितनी जगह मिले यह आपके पेज का अपना लेआउट तय करता है।

अगर आप फ़ॉर्म को खुद iframe में रखते हैं

कुछ साइटें किसी दूसरी सेवा का फ़ॉर्म फ़्रेम में लपेटकर रखती हैं, और पेज के अंदर स्क्रॉल होने वाला फ़्रेम फ़ॉर्म के लिए एक जाना-पहचाना झंझट है: विज़िटर पेज स्क्रॉल करता है, फिर फ़्रेम स्क्रॉल करता है, और फिर सबमिट बटन खो देता है। अगर आपका सेटअप ऐसा है, तो Chrome 154 का फ़ीचर आपके काम का हो सकता है, लेकिन वह मदद करेगा या नहीं, यह उन ब्योरों पर निर्भर है जो रिलीज़ नोट्स नहीं बताते। इसे Chrome 154 Stable में आज़माएँ, और इस पर निर्भर होने से पहले जाँच लें कि आपके विज़िटर जो ब्राउज़र इस्तेमाल करते हैं उनमें यह समर्थित है या नहीं।

अगर आप फ़्रेम सँभालना ही नहीं चाहते, तो इसके बजाय जनरेट किए गए कॉम्पोनेंट को अपने पेज में मार्कअप के रूप में रख सकते हैं। जनरेट किए गए कॉम्पोनेंट से अपनी वेबसाइट पर फ़ॉर्म एम्बेड करें में इसे चरण-दर-चरण समझाया गया है।

क्या करें

  • किसी भी फ़्रेम में बदलाव करने से पहले Chrome 154 के रिलीज़ नोट्स की एंट्री और उसमें संदर्भित स्पेसिफ़िकेशन सेक्शन पढ़ें।

  • अगर आपके फ़ॉर्म के सेटअप में कोई फ़्रेम शामिल है, तो Chrome 154 Stable में ऑप्ट-इन आज़माएँ और उसकी तुलना अपनी मौजूदा तय ऊँचाई से करें।

  • अगर आपका फ़ॉर्म मार्कअप के रूप में रखा गया है, जैसा कि जनरेट किया गया कॉम्पोनेंट होता है, तो इस फ़ीचर के लिए आपको कुछ बदलने की ज़रूरत नहीं है।

ब्राउज़र के फ़ीचर अक्सर बदलते रहते हैं, इसलिए Chrome की किसी बड़ी रिलीज़ के बाद अपना फ़ॉर्म दोबारा जाँच लेना सस्ता बीमा है, चाहे आप उसे किसी भी तरह एम्बेड करें।

अपने पहले फ़ॉर्म को FormFlow पर निर्देशित करें।

कोई बैकएंड बनाने की आवश्यकता नहीं, कोई फ्रंटएंड होस्ट करने की आवश्यकता नहीं।

मुफ़्त में आरंभ करें