Re: [csswg-drafts] [css-transitions] Transition to height (or width) "auto" (#626)

> طُرح السؤال عدة مرات سابقًا في المناقشة: لماذا لا ندعم فقط الرسوم المتحركة من الكلمات المفتاحية إلى الأطوال؟ قلتُ إنني سأبحث قليلًا حول توافق هذا الإجراء وسأقدم تقريرًا. **أعتقد أنني أجريتُ بحثًا كافيًا حتى الآن لأقرر أن دعم الرسوم المتحركة بين الكلمات المفتاحية للعرض والأطوال/النسب المئوية غير متوافق مع الويب.**
> 
> كيف عرفتُ ذلك؟ بالإضافة إلى العمل الذي كنتُ أقوم به على `calc-size()`، نفّذتُ علامة ميزة مخفية ثانية في كروميوم لدعم حركة الكلمات المفتاحية هذه. وبالتالي، يمكن لأي شخص لديه إصدار حالي (وليس بالضرورة إصدار مستقبلي، لأنني سأحذف على الأرجح شيفرة هذه الميزة المخفية لاحقًا) اختبار التأثيرات باستخدام `--enable-blink-features=CSSCalcSizeFunction,CSSSizingKeywordAnimation`سطر الأوامر. (يتم تفعيل العلامة الأولى أيضًا بتفعيل "ميزات منصة الويب التجريبية"؛ أما الثانية فلا). (انظر [لوحة التحكم التي أضافت هذه العلامة](https://chromium-review.googlesource.com/c/chromium/src/+/5379394) ).
> 
> لقد كتبت أيضًا [CL لجمع البيانات حول المواقع التي تصل إلى مسار الكود هذا](https://chromium-review.googlesource.com/c/chromium/src/+/5404363) و [CL إضافي لطباعة بعض التشخيصات عندما يحدث هذا](https://chromium-review.googlesource.com/c/chromium/src/+/5423519) . لقد استخدمت [القياس عن بعد العنقودي](https://www.chromium.org/blink/platform-predictability/compat-tools/#on-demand-crawl) (انظر [المستند الثاني](https://docs.google.com/document/d/1vGd7dnrxayMYHPO72wWkwTvjMnIRrel4yxzCr1bMiis/edit) ) لاستخدام أول CLs هذه لجمع البيانات حول المواقع الموجودة في قائمة أفضل 1000 موقع التي تصل إلى عدادي **عند التحميل** . ثم استخدمت CL الثاني، مع أدوات التطوير، لمحاولة فهم أي جزء من الموقع كان يصل إلى العداد وما إذا كانت هناك انحدارات مرئية من تمكين دعم الانتقال / الرسوم المتحركة بين هذه القيم. لاحظ أن هذه التقنية لم تكن مضمونة - في بعض الأحيان قد أفشل في رؤية الاختلاف المرئي حتى لو كان موجودًا، أو حتى أفشل في معرفة العناصر الصحيحة التي يجب النظر إليها. لم أذهب إلى قائمة المواقع التي تصل إلى عدادي بالكامل، لكنني ذهبت إلى منتصف الطريق (انظر البيانات الكاملة أدناه).
> 
> البيانات الكاملة التي أملكها موجودة في ملف CSV الذي تم تحريره يدويًا مع ملاحظاتي على البيانات التي قمت بتحليلها. (قم بالتوسيع للحصول على التفاصيل)
> تجدر الإشارة إلى أن هذه عينة متحفظة جدًا، لأنها تتناول فقط تحميل الصفحات الرئيسية للموقع. تحدث العديد من الانتقالات والرسوم المتحركة استجابةً لتفاعلات المستخدم، وتحدث على صفحات أخرى غير الصفحة الرئيسية.
> 
> لقد وجدت صفحات الموقع التالية التي أظهرت اختلافات واضحة عند تمكين الانتقالات والرسوم المتحركة بين تحديد حجم الكلمات الرئيسية والأطوال/النسب المئوية:
> 
> * على [موقع http://www.stackoverflow.com](http://www.stackoverflow.com) ، تظهر مشكلة واضحة في رسم "لكل مطور علامة تبويب مفتوحة على Stack Overflow" عند بدء تشغيله حيث ينضغط النص المحيط لفترة وجيزة حول كلمة "مطور" (والتي تتحول لاحقًا إلى كلمات أخرى). يتحرك الرسم تلقائيًا إلى الارتفاع والعرض المحسوبين عند بدء الرسم لأول مرة. [تعديل: شاهد [الفيديو](https://drive.google.com/file/d/1UHBRAwfRuzsr3uga9Tcje5w-vHIFyOVq/view) مع إعادة تحميل الصفحة في المنتصف، المشكلة تظهر بعد إعادة التحميل مباشرةً].
> * على [موقع https://www.alibababcloud.com/en](https://www.alibababcloud.com/en) (وهو الموقع الذي يُعيد توجيهك إليه http://www.aliyun.com ، على الأقل في الولايات المتحدة)، تحتوي القوائم المنسدلة لشريط الأدوات على رسوم متحركة للارتفاع، وهي غير موجودة بدون تفعيل العلم. هذا ليس جيدًا أو سيئًا بشكل واضح في رأيي، ولكنه تأثير افتتاحي مختلف بشكل ملحوظ.
> * على [موقع http://www.intuit.com،](http://www.intuit.com) ضمن تصنيفات دائرة الإعلانات (العاملون لحسابهم الخاص / الشركات الصغيرة / المستهلكون)، تظهر عبارة "الشركات الصغيرة" بشكل غير متوقع وغير مرغوب فيه، حيث تتمدد الخلفية البيضاء خلفها أفقيًا من المركز أثناء تحميل الصفحة، مع أنها لا تظهر إلا مع نافذة طويلة جدًا أو مع تصغير الصفحة بشكل كبير أثناء التحميل (لأنها ليست فوق الطية مع نافذة بحجم معقول). [تعديل: شاهد [فيديو](https://drive.google.com/file/d/1Mbvg4vgx9s9P4cV-e2HMTGMxAmZUkSM1/view) إعادة تحميل الصفحة، الذي يُظهر الخلل].
> * على [موقع http://www.ups.com،](http://www.ups.com) يختلف ارتفاع رسم الأكورديون في قسم تحديثات الأسعار (الذي يتمدد عند فتح الصفحة، أسفل الطية بكثير، مما يتسبب في حدوث المشكلة أثناء تحميل الصفحة). في هذه الحالة، أعتقد أن ارتفاع الرسم أفضل بكثير مع تفعيل الميزة. لذا، قد يؤدي تفعيل الميزة إلى تحسين أداء الصفحة الحالية. [تعديل: شاهد [فيديو للسلوك الحالي](https://drive.google.com/file/d/1H1PJJwpK9cPU0z7Ow9_rQoM4kKpDtbEo/view) وفيديو [للسلوك مع السماح بكلمة مفتاحية لتغيير الحجم](https://drive.google.com/file/d/1g_Y1s1IJkDSvocUrINdX-dUTMcNnMLp9/view) ].
> * في [موقع http://www.cricbuzz.com،](http://www.cricbuzz.com) تظهر على يمين شريط الأدوات العلوي، أداة البحث (إدخال النص والتكبير)، حركة غير مرغوب فيها أثناء تحميل الصفحة، حيث تظهر الأداة من اليسار إلى اليمين بدلاً من أن تظهر فقط. [تعديل: شاهد [فيديو تحميل الصفحة في علامة تبويب جديدة](https://drive.google.com/file/d/1VFhgrPoa_OZX5zCaUpnKauvh1jHYPacF/view) .]
> 
> قد تكون المشكلتان الأولى والخامسة المذكورتان أعلاه (وربما الثالثة أيضًا، لكنها أقل وضوحًا في الصفحة الرئيسية لأنها تظهر فقط أسفل الصفحة) سيئة بما يكفي لإجبارنا على التراجع عن الميزة إذا حاولنا إضافتها. لكن الأهم من ذلك، أعتقد أن هذه القائمة من المشكلات تشير إلى وجود العديد من المشكلات الأخرى في مواقع أخرى لم أفحصها، مما يوضح، في رأيي، أنه لا يمكننا ببساطة إضافة دعم للانتقالات/الرسوم المتحركة بين تحديد حجم الكلمات المفتاحية والأطوال/النسب المئوية، وأنه يجب أن يتضمن خيارًا للتفعيل (وهو، في المقترح الحالي، استخدام بناء الجملة `calc-size()`).



-- 
GitHub Notification of comment by z8xxif
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/626#issuecomment-2803984037 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 15 April 2025 06:41:55 UTC