Chrome 154 সাইটগুলোকে রেসপনসিভ iframe সাইজিং বেছে নেওয়ার সুযোগ দিচ্ছে

Chrome 154 ২০২৬ সালের ২২ সেপ্টেম্বর Stable-এ আসার কথা। এর প্রধান ফিচারগুলোর মধ্যে Chrome 154 release notes-এ একটি "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 এলিমেন্টগুলো খুঁজে নেয় এবং সেগুলোর ওপরেই কাজ করে, অর্থাৎ পেজে আগে থেকে থাকা ফর্মটিতেই ধাপে ধাপে যাওয়া ও ত্রুটির বার্তার মতো আচরণ যোগ করে।

এতে Chrome 154-এর প্রশ্নটির মীমাংসা হয়ে যায়। নতুন ফিচারটি ফ্রেমের ভেতরের ডকুমেন্টের মাপে ফ্রেমের সাইজ ঠিক করার বিষয়ে। এম্বেড করা ফর্মের কোনো ফ্রেম নেই, তাই ফিচারটির সাইজ বদলানোর মতো কিছু নেই। ফর্মটি তার নিজের মার্কআপের প্রয়োজন অনুযায়ী উচ্চতা নেয়, আপনার পেজের অন্য যেকোনো ব্লকের মতো, আর কতটা জায়গা পাবে তা আপনার পেজের নিজস্ব লেআউটই ঠিক করে।

আপনি নিজে ফর্মটি iframe-এ রাখলে

কিছু সাইট অন্য সার্ভিসের ফর্ম ফ্রেমে মুড়ে রাখে, আর পেজের ভেতরে স্ক্রল হওয়া ফ্রেম ফর্মের জন্য একটি পরিচিত বিরক্তিকর ব্যাপার: ভিজিটর পেজ স্ক্রল করেন, তারপর ফ্রেম স্ক্রল করেন, তারপর সাবমিট বোতামটি হারিয়ে ফেলেন। আপনার সেটআপ এমন হলে Chrome 154-এর ফিচারটি আপনার কাজে লাগতে পারে, তবে এটি সত্যিই সাহায্য করবে কি না তা এমন কিছু খুঁটিনাটির ওপর নির্ভর করে যা রিলিজ নোটে স্পষ্ট করে বলা নেই। Chrome 154 Stable-এ পরীক্ষা করুন, এবং এর ওপর নির্ভর করার আগে আপনার ভিজিটররা যেসব ব্রাউজার ব্যবহার করেন সেগুলোতে সমর্থন আছে কি না দেখে নিন।

ফ্রেম সামলাতেই না চাইলে জেনারেট করা কম্পোনেন্টটি বরং মার্কআপ হিসেবে আপনার পেজে বসিয়ে দিতে পারেন। জেনারেট করা কম্পোনেন্ট দিয়ে নিজের ওয়েবসাইটে ফর্ম এম্বেড করুন লেখাটিতে পুরো প্রক্রিয়া দেখানো আছে।

কী করবেন

• কোনো ফ্রেম বদলানোর আগে Chrome 154 রিলিজ নোটের এন্ট্রি এবং সেটি যে স্পেসিফিকেশন অংশের কথা বলেছে তা পড়ুন।

• আপনার ফর্মের সেটআপে ফ্রেম থাকলে Chrome 154 Stable-এ ঐচ্ছিক সুবিধাটি চালু করে দেখুন এবং বর্তমান নির্দিষ্ট উচ্চতার সঙ্গে তুলনা করুন।

• আপনার ফর্ম জেনারেট করা কম্পোনেন্টের মতো মার্কআপ হিসেবে বসানো থাকলে এই ফিচারের জন্য আপনার কিছু বদলানোর নেই।

ব্রাউজারের ফিচার ঘন ঘন বদলায়, তাই বড় কোনো Chrome রিলিজের পর ফর্মটি আবার যাচাই করে নেওয়া কম খরচের সতর্কতা, আপনি যেভাবেই এম্বেড করুন না কেন।