Frameless images are not responsive
Open, MediumPublic
Actions

Assigned To

None

Authored By

	Jdlrobson
	Mon, Jun 17, 10:50 PM

Description

Background

Following T367463 (specifically T367463#9894183) we limited our responsive images behaviour to all images except frameless images. We should understand this case better before proposing a solution.

User story

As a reader I want content to respond to my font size and screen width.

Requirements

https://en.wikipedia.beta.wmflabs.org/wiki/T367463#Frameless_images should be responsive and not overflow the sidebar.

BDD

For QA engineer to fill out

Test Steps

For QA engineer to fill out

Design

Add mockups and design requirements

Acceptance criteria

Add acceptance criteria

Communication criteria - does this need an announcement or discussion?

Add communication criteria

Rollback plan

What is the rollback plan in production for this task if something goes wrong?

This task was created by Version 1.0.0 of the Web team task template using phabulous

Related Objects

Mentioned Here: T367463: Tables with images inside them appear at minuscule size or disappear due to responsive image CSS

Event Timeline

Jdlrobson created this task.Mon, Jun 17, 10:50 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMon, Jun 17, 10:50 PM

Jdlrobson added a project: FY2023-24-WE 2.1 Typography and palette customizations.Mon, Jun 17, 11:03 PM

Jdlrobson moved this task from Backlog to Font Size on the FY2023-24-WE 2.1 Typography and palette customizations board.Tue, Jun 18, 4:00 PM

@TheDJ what is our concern with enabling responsive behaviour on frameless images - are there some examples of these in the wild that would be broken by applying the responsive behaviour?

My concern is mostly their sizing inside tables and inside display:flex containers etc. going to 0x0.
And as inline images are often used as building block inside templates (infoboxes etc, self made maps with overlays etc) they have a lot of diverse usecases. This will be difficult to verify compatibility with in all wikis.

ovasileva triaged this task as High priority.Thu, Jun 27, 9:41 AM

ovasileva moved this task from Incoming to Groomed on the Web-Team-Backlog board.

Jdlrobson removed a project: FY2023-24-WE 2.1 Typography and palette customizations.Mon, Jul 1, 7:42 PM

Jdlrobson lowered the priority of this task from High to Medium.Wed, Jul 3, 7:54 PM

Frameless images are not responsiveOpen, MediumPublicActions