ক্রোম ১৪৯

স্থায়ী মুক্তির তারিখ: ২রা জুন, ২০২৬

অন্যথায় উল্লেখ না থাকলে, নিম্নলিখিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS, এবং Windows-এর জন্য Chrome 149 স্টেবল চ্যানেল রিলিজে প্রযোজ্য।

CSS এবং UI

CSS গ্যাপ ডেকোরেশন

সিএসএস গ্যাপ ডেকোরেশন আপনাকে গ্রিড এবং ফ্লেক্সবক্সের মতো কন্টেইনার লেআউটের ফাঁকা স্থানগুলোকে স্টাইল করার সুযোগ দেয়, যা একাধিক-কলাম লেআউটের column-rule মতোই কাজ করে। ওয়েব ডেভেলপারদের কাছে এই ফিচারটির ব্যাপক চাহিদা রয়েছে, কারণ বর্তমানে তাদের গ্রিড এবং ফ্লেক্সবক্স লেআউটের ফাঁকা স্থানগুলোকে স্টাইল করার জন্য বিভিন্ন কৌশল অবলম্বন করতে হয়।

এটি column-rule-inset , row-rule-inset , column-rule-visibility-items , এবং row-rule-visibility-items এর মতো নতুন CSS প্রোপার্টি নিয়ে আসে এবং রুলের প্রস্থ, রঙ ও ইনসেটের অ্যানিমেশন সমর্থন করে।

CSS গ্যাপ ডেকোরেশন ব্লগ পোস্ট | ট্র্যাকিং বাগ #357648037 | ChromeStatus.com এন্ট্রি | স্পেক

ব্যবহারকারীর ইন্টারঅ্যাকশনের সময় টেক্সট ওভারফ্লো ক্লিপ করুন।

যখন কোনো ব্যবহারকারী text-overflow: ellipsis সেট করা কোনো টেক্সটের সাথে ইন্টারঅ্যাক্ট করেন (যেমন, সম্পাদনা করে বা ক্যারেট নেভিগেশন ব্যবহার করে), তখন টেক্সটটি সাময়িকভাবে এলিপসিস থেকে ক্লিপে পরিবর্তিত হয়। এর ফলে ব্যবহারকারী লুকানো ওভারফ্লো কন্টেন্ট দেখতে এবং তার সাথে ইন্টারঅ্যাক্ট করতে পারেন। এই ফিচারটি সমস্ত সম্পাদনাযোগ্য এবং অসম্পাদনাযোগ্য এলিমেন্টের ক্ষেত্রে প্রযোজ্য। ফর্ম কন্ট্রোল, যেমন <textarea> এবং <input> -এর জন্য, এই আচরণটি ইতোমধ্যেই সমর্থিত।

ট্র্যাকিং বাগ #40731275 | ChromeStatus.com এন্ট্রি | স্পেক

টেবিলের জন্য সুস্পষ্ট বর্ডার কালার ইউএ স্টাইলশিট নিয়ম অপসারণ করুন

এই পরিবর্তনটি <table> এলিমেন্টের জন্য UA স্টাইলশিট থেকে ত্রুটিপূর্ণ border-color: gray CSS রুলটি সরিয়ে দেয়। HTML স্পেসিফিকেশনে এই রুলটি নেই এবং এটি বর্ডারকে ডিফল্টভাবে currentColor সেট হতে বাধা দিত। Firefox বা WebKit, কোনোটিরই UA স্টাইলশিটে এই gray বর্ডার কালারের রুলটি নেই, যার ফলে ইন্টারঅপারেবিলিটি সমস্যা তৈরি হচ্ছিল।

ট্র্যাকিং বাগ #494554835 | ChromeStatus.com এন্ট্রি | স্পেক

shape-outside এ path() এবং shape() সমর্থন করে

CSS-এর shape-outside প্রপার্টিতে path() এবং shape() শেপ ফাংশন ব্যবহারের সুবিধা যোগ করা হয়েছে। এই ফাংশনগুলো ডেভেলপারদের আরও নমনীয়ভাবে ফ্লোট এক্সক্লুশন শেপ নির্ধারণ করতে এবং অ্যানিমেশন সমর্থন করতে দেয়।

ট্র্যাকিং বাগ #502328208 | ChromeStatus.com এন্ট্রি | স্পেক

shape-outside এ rect() এবং xywh() সমর্থন করুন

CSS-এর shape-outside প্রপার্টিতে rect() এবং xywh() বেসিক শেপ ফাংশনগুলোর জন্য সাপোর্ট যোগ করা হয়েছে। এই ফাংশনগুলো ডেভেলপারদের আয়তক্ষেত্রের স্থানাঙ্ক ব্যবহার করে ফ্লোট এক্সক্লুশন শেপ নির্ধারণ করতে দেয়, যা ক্রোমকে ফায়ারফক্স এবং সাফারির সমান্তরালে নিয়ে আসে, কারণ তারা ইতিমধ্যেই এই ফিচারটি সাপোর্ট করে।

ট্র্যাকিং বাগ #490343453 | ChromeStatus.com এন্ট্রি | স্পেক

ব্যবহারকারীর ক্রিয়া ছদ্ম-শ্রেণী শীর্ষ স্তরের সীমানা

এলিমেন্টের প্যারেন্টদের :hover , :active , এবং :focus-within ম্যাচিং পরিবর্তন করে শুধুমাত্র প্যারেন্ট চেইনের প্রথম শীর্ষ স্তরের এলিমেন্ট পর্যন্ত মেলানো হয়। যেহেতু শীর্ষ স্তরের এলিমেন্টগুলো সাধারণত তাদের প্যারেন্ট চেইন থেকে দৃশ্যত বিচ্ছিন্নভাবে রেন্ডার করা হয়, তাই কোনো শীর্ষ স্তরের এলিমেন্টে হোভার বা অ্যাক্টিভেশন করা হলে প্যারেন্টের স্টাইল পরিবর্তন করার কোনো মানে হয় না।

ট্র্যাকিং বাগ #407769114 | ChromeStatus.com এন্ট্রি | স্পেক

ওয়েব অ্যাপ স্কোপ সিস্টেমের অ্যাকসেন্ট রঙ

CSS কীওয়ার্ড ( AccentColor ও AccentColorText ) এবং accent-color: auto এর জন্য সিস্টেম অ্যাকসেন্ট কালারের অ্যাক্সেস শুধুমাত্র একটি ওয়েব অ্যাপ এবং প্রাথমিক প্রোফাইল কনটেক্সটের মধ্যে সীমাবদ্ধ করা হয়েছে। এর ফলে, ওয়েবে ব্যবহারকারীর সিস্টেম কালার ব্যাপকভাবে প্রকাশ করার ক্ষেত্রে ফিঙ্গারপ্রিন্টিংয়ের একটি গুরুত্বপূর্ণ ঝুঁকি সীমিত করা হয়।

ট্র্যাকিং বাগ #481353056 | ChromeStatus.com এন্ট্রি | স্পেক

image-rendering: crisp-edges

image-rendering: crisp-edges নির্দেশ করে যে ছবিটিকে এমনভাবে স্কেল করা উচিত যাতে এর কনট্রাস্ট এবং প্রান্তগুলি অক্ষুণ্ণ থাকে এবং এই প্রক্রিয়ায় রঙ মসৃণ হওয়া বা ছবিতে ব্লার তৈরি হওয়া এড়ানো যায়।

ক্রোম, ফায়ারফক্স এবং সাফারি crisp-edges এবং pixelated শব্দ দুটিকে সমার্থক হিসেবে বিবেচনা করে এবং নিকটতম-প্রতিবেশী স্কেলিং ব্যবহার করে উভয়ই বাস্তবায়ন করে।

ট্র্যাকিং বাগ #41073066 | ChromeStatus.com এন্ট্রি | স্পেক

CSS প্রপার্টি হিসেবে 'path-length' সমর্থন করুন

path-length নামে একটি নতুন CSS প্রপার্টি চালু করা হয়েছে, যা SVG-এর pathLength প্রেজেন্টেশন অ্যাট্রিবিউটের সাথে ম্যাপ করা হয়েছে। এটি সেইসব SVG জিওমেট্রি এলিমেন্টের ক্ষেত্রে প্রযোজ্য যেগুলো pathLength সাপোর্ট করে (যেমন <path> , <circle> , <rect> , <line> , <polyline> , <polygon> , এবং <ellipse> ), যার ফলে ডেভেলপাররা স্টাইলশিট, ইনলাইন স্টাইল এবং অ্যানিমেশনে এটি নির্দিষ্ট করতে পারবেন।

ট্র্যাকিং বাগ #40670251 | ChromeStatus.com এন্ট্রি | স্পেক

ওয়েব এপিআই

Intl.Locale.prototype.variants

ECMA-402 স্পেসিফিকেশনে উল্লিখিত অনুযায়ী Intl.Locale.prototype.variants যোগ করে, এবং Intl.Locale কনস্ট্রাক্টরের অপশন ব্যাগে variants গ্রহণ করে।

ChromeStatus.com এন্ট্রি | স্পেক

পেমেন্টের অনুরোধ: পেমেন্ট হ্যান্ডলারদের অভ্যন্তরীণ ত্রুটি রিপোর্ট করার অনুমতি দিন।

পেমেন্ট রিকোয়েস্ট এপিআই (Payment Request API) ব্যবহার করে অ্যাক্সেস করা পেমেন্ট হ্যান্ডলারদেরকে "ব্যবহারকারী বাতিল করেছে" ( AbortError ) এবং "অভ্যন্তরীণ পেমেন্ট অ্যাপ ত্রুটি" ( OperationError )-এর জন্য আলাদা ত্রুটি ফেরত দেওয়ার সুযোগ দেয়। এর ফলে, অভ্যন্তরীণ অ্যাপ ত্রুটি ঘটলে ডেভেলপাররা পুনরায় চেষ্টা করতে বা অন্য কোনো ফ্লো-তে ফিরে যেতে পারেন, এবং ব্যবহারকারী বাতিল করলে তা সঠিকভাবে থেমে যায়।

ট্র্যাকিং বাগ #473478138 | ChromeStatus.com এন্ট্রি | স্পেক

TSF-এ উইন্ডোজ টাচ কীবোর্ডের জন্য autocorrect="off" কে সম্মান করুন।

যখন ফোকাস করা সম্পাদনাযোগ্য এলিমেন্টে autocorrect="off" সেট করা থাকে, তখন এটি ক্রোমের TSF ইন্টিগ্রেশনকে উইন্ডোজে টাচ কীবোর্ডের স্বয়ংক্রিয় সংশোধন শনাক্ত করতে এবং পূর্বাবস্থায় ফিরিয়ে আনতে সক্ষম করে।

ট্র্যাকিং বাগ #487613498 | ChromeStatus.com এন্ট্রি | স্পেক

নির্বাচিত ক্লিপবোর্ড ফরম্যাট পড়া

ওয়েব অ্যাপ্লিকেশন getType() কল না করা পর্যন্ত অপারেটিং সিস্টেম থেকে প্রকৃত ক্লিপবোর্ড ডেটা পুনরুদ্ধার স্থগিত রেখে অ্যাসিঙ্ক্রোনাস ক্লিপবোর্ড এপিআই-কে উন্নত করা হয়েছে। read() সময় আগ্রহের সাথে সমস্ত উপলব্ধ ফরম্যাট সংগ্রহ করার পরিবর্তে, ব্রাউজার এখন অন্তর্নিহিত ডেটা ছাড়াই উপলব্ধ MIME টাইপসহ ClipboardItem অবজেক্ট ফেরত দেয়, যা সিপিইউ ব্যবহার কমায় এবং রেসপন্সিভনেস উন্নত করে।

ট্র্যাকিং বাগ #435051711 | ChromeStatus.com এন্ট্রি | স্পেক

নেটওয়ার্ক এবং সংযোগ

bfcache এন্ট্রিতে WebSockets সংযোগ বিচ্ছিন্ন করুন

সক্রিয় ওয়েব সকেট সংযোগগুলো এখন আর কোনো পৃষ্ঠাকে ব্যাক/ফরোয়ার্ড ক্যাশে (bfcache) প্রবেশ করতে বাধা দেয় না। ডকুমেন্টটিকে অযোগ্য হিসেবে চিহ্নিত করার পরিবর্তে bfcache-এ প্রবেশের সময় সংযোগগুলো বন্ধ করে দেওয়ার মাধ্যমে, ব্রাউজার সক্রিয় ওয়েব সকেটযুক্ত পৃষ্ঠাগুলোকে সংরক্ষণ ও পুনরুদ্ধার করার অনুমতি দেয়।

ট্র্যাকিং বাগ #467838624 | ChromeStatus.com এন্ট্রি | স্পেক

নতুন উৎস পরীক্ষা

গেমপ্যাড ইভেন্ট-চালিত ইনপুট এপিআই

একটি নতুন ইভেন্ট-চালিত মডেলের মাধ্যমে গেমপ্যাড এপিআই-কে আরও উন্নত করা হয়েছে, যা অ্যাপ্লিকেশনগুলিকে কম ল্যাটেন্সিতে গেমপ্যাড ইনপুট গ্রহণ করতে দেয়। navigator.getGamepads() ব্যবহার করে ঘন ঘন পোলিংয়ের উপর নির্ভর করার পরিবর্তে, ডেভেলপাররা এখন একটি rawgamepadinputchange ইভেন্টের জন্য লিসেন করতে পারেন, যা ডিভাইস থেকে নতুন ইনপুট ডেটা উপলব্ধ হলেই ফায়ার হয়।

অরিজিন ট্রায়াল | ট্র্যাকিং বাগ #40582297 | ChromeStatus.com এন্ট্রি | স্পেক

অনুমতি নীতি: focus-without-user-activation

focus-without-user-activation ’ পারমিশন পলিসির মাধ্যমে এম্বেডাররা এম্বেড করা কন্টেন্ট থেকে প্রোগ্রাম্যাটিক ফোকাস নিয়ন্ত্রণ করতে পারেন। যখন কোনো ফ্রেমের জন্য এই পলিসিটি বাতিল করা হয়, তখন ব্যবহারকারীর অ্যাক্টিভেশন দ্বারা ট্রিগার না হওয়া পর্যন্ত প্রোগ্রাম্যাটিক ফোকাস কলগুলো ( element.focus() , autofocus , window.focus() , dialog.showModal() , এবং পপওভার ফোকাসিং) ব্লক হয়ে যায়।

অরিজিন ট্রায়াল | ট্র্যাকিং বাগ #40095111 | ChromeStatus.com এন্ট্রি | স্পেক

ওয়েবঅ্যাসেম্বলি কাস্টম বর্ণনাকারী

ওয়েবঅ্যাসেম্বলিকে নতুন "কাস্টম ডেসক্রিপ্টর" অবজেক্টে সোর্স-লেভেল টাইপের সাথে যুক্ত ডেটা আরও দক্ষতার সাথে সংরক্ষণ করতে দেয়। এই কাস্টম ডেসক্রিপ্টরগুলিকে সেই সোর্স-লেভেল টাইপের ওয়েবঅ্যাসেম্বলি অবজেক্টের প্রোটোটাইপ দিয়ে কনফিগার করা যায়, যা একটি ওয়েবঅ্যাসেম্বলি অবজেক্টের প্রোটোটাইপ চেইনে মেথড ইনস্টল করতে এবং সাধারণ মেথড কল সিনট্যাক্স ব্যবহার করে সরাসরি জাভাস্ক্রিপ্ট থেকে কল করার সুযোগ দেয়।

অরিজিন ট্রায়াল | ট্র্যাকিং বাগ #403372470 | ChromeStatus.com এন্ট্রি | স্পেক