Unable to select image in quickfact page
Closed, ResolvedPublicBUG REPORT
Actions

Assigned To

Authored By

	hueitan
	Jan 11 2021, 10:36 AM

Description

Steps to Reproduce:

go to Cat article
go to quickfact

Actual Results:

it selects Conservation status

Expected Results:

it selects the first image

NOTE: It is no longer <figure> element in this example

NOTE: Design Ticket T272581: Image highlighted is not visible in Quickfact for highlighting image in quickfact

Related Objects

Mentioned In: T272581: Image highlighted is not visible in Quickfact
Mentioned Here: T272581: Image highlighted is not visible in Quickfact
T253224: Group images within an article
T247735: Edit pencil in quick facts section

Event Timeline

hueitan created this task.Jan 11 2021, 10:36 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 11 2021, 10:36 AM

when fixing this, if possible, don't make the pencil available for selection. T247735: Edit pencil in quick facts section

hueitan updated the task description. (Show Details)Jan 11 2021, 1:39 PM

hueitan claimed this task.Jan 11 2021, 6:19 PM

hueitan moved this task from Ready for Dev to Dev on the Inuka-Team (Kanban) board.

A ticket that may relevant as this is the matter of image template T253224: Group images within an article

Html Markup of this

en/Cat

<tr>
    <td colspan="2" style="text-align: center;">
        <span class="mw-default-size">
            <a href="/wiki/File:Cat_poster_1.jpg" class="image">
                <img
                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/260px-Cat_poster_1.jpg"
                    data-file-width="5935"
                    data-file-height="3898"
                    data-file-type="bitmap"
                    height="171"
                    width="260"
                    srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/390px-Cat_poster_1.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/520px-Cat_poster_1.jpg 2x"
                />
            </a>
        </span>
    </td>
</tr>

other possibilities

fr/Chat

<div class="images">
    <span class="mw-default-size">
        <a href="/wiki/Fichier:Collage_of_Six_Cats-02.jpg" class="image">
            <img
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Collage_of_Six_Cats-02.jpg/290px-Collage_of_Six_Cats-02.jpg"
                data-file-width="1824"
                data-file-height="1812"
                data-file-type="bitmap"
                height="288"
                width="290"
                srcset="
                    //upload.wikimedia.org/wikipedia/commons/thumb/6/64/Collage_of_Six_Cats-02.jpg/435px-Collage_of_Six_Cats-02.jpg 1.5x,
                    //upload.wikimedia.org/wikipedia/commons/thumb/6/64/Collage_of_Six_Cats-02.jpg/580px-Collage_of_Six_Cats-02.jpg 2x
                "
            />
        </a>
    </span>
</div>

ar/قط

<div>
    <figure class="mw-halign-center" data-selected="true">
        <a href="/wiki/ملف:Cat_poster_1.jpg" class="image">
            <img
                src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/280px-Cat_poster_1.jpg"
                data-file-width="5935"
                data-file-height="3898"
                data-file-type="bitmap"
                height="184"
                width="280"
                srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/420px-Cat_poster_1.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Cat_poster_1.jpg/560px-Cat_poster_1.jpg 2x"
            />
        </a>
        <figcaption></figcaption>
    </figure>
</div>

en/Dog (map image case)

<tr>
    <td colspan="2" style="text-align: center;">
        <span>
            <span>
                <img
                    src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Collage_of_Nine_Dogs.jpg/300px-Collage_of_Nine_Dogs.jpg"
                    data-file-width="1665"
                    data-file-height="1463"
                    data-file-type="bitmap"
                    srcset="
                        //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Collage_of_Nine_Dogs.jpg/450px-Collage_of_Nine_Dogs.jpg 1.5x,
                        //upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Collage_of_Nine_Dogs.jpg/600px-Collage_of_Nine_Dogs.jpg 2x
                    "
                    usemap="#ImageMap_350d9f7dfbe70b48"
                    height="264"
                    width="300"
                />
            </span>
            <map name="ImageMap_350d9f7dfbe70b48">
                <area href="./Labrador_Retriever" shape="rect" coords="0,0,117,88" /><area href="./Golden_Retriever" shape="rect" coords="117,0,234,88" /><area href="./Cockapoo" shape="rect" coords="234,0,300,88" />
                <area href="./Yorkshire_Terrier" shape="rect" coords="0,88,117,176" /><area href="./Boxer_(dog)" shape="rect" coords="117,88,234,176" alt="Boxer" title="Boxer" />
                <area href="./Pomeranian_(dog)" shape="rect" coords="234,88,300,176" alt="Pomeranian" title="Pomeranian" /><area href="./Beagle" shape="rect" coords="0,176,117,265" />
                <area href="./Basset_Hound" shape="rect" coords="117,176,234,265" /><area href="./Newfoundland_(dog)" shape="rect" coords="234,176,300,265" alt="Newfoundland" title="Newfoundland" />
            </map>
        </span>
    </td>
</tr>