PR: https://github.com/wikimedia/wikipedia-preview/pull/129

Possible Solution:
(1) quick fix is to increase z-index;
(2) we can also grab the greatest z-index from the document, stackoverflow

This is fixed earlier here (commit). Waiting for the release.

Currently, there is no such feature in the plugin.

This task adds and changes a lot code, do not merge until qa/design confirm the changes.

PR: https://github.com/wikimedia/wikipedia-preview/pull/119
Design ticket move to: T284455: Add image demo in the article page

In T282717#7130609, @hueitan wrote:

After several trying with adding custom script, preview-head script and hacky onload event, the result doesn't idea and buggy.

I was wrong about this, the solution is quite simple, checkout here.

After several trying with adding custom script, preview-head script and hacky onload event, the result doesn't idea and buggy.

In T269041#6883326, @SBisson wrote:

Can someone describe the "tiny flash" a little more so we can really observe when it is there and when it is fixed?

The google images use transform: translate3d() to perform slider, this is sure better than updating marginLeft/Right

PR: https://github.com/wikimedia/wikipediapreview-wordpress/pull/13

Let's try

My bad, false alarm.

To dev: code used in MobileFrontend as the example

In T281299#7057113, @hueitan wrote:

add demo in the story book.

This is now moving to another ticket T282717: Add Wikipedia Preview "targets" to storybook

please double, triple, x4.. check on the different cases.

for example in this line https://github.com/wikimedia/wikipedia-preview/blob/main/src/api.js#L8

PR is here https://github.com/wikimedia/wikipedia-preview/pull/114

[1] Wikipedia Preview PR: https://github.com/wikimedia/wikipedia-preview/pull/113
[2] Wikipedia Preview Wordpress Plugin PR: https://github.com/wikimedia/wikipediapreview-wordpress/pull/7

Moving back to dev and add demo in the story book.

In T281510#7056910, @SBisson wrote:

@hueitan why convert the svg to jpg?

More search content APIs to discover :

@SBisson and I had a quick discussion on this ticket previously,

@SGautam_WMF @AMuigai Can you confirm the behaviour?

In T281512#7046725, @SBisson wrote:

Do you know why it's not working? See anything in the console?

PR https://github.com/wikimedia/wikipedia-preview/pull/111

PR https://github.com/wikimedia/wikipedia-preview/pull/110

I remember @Jpita saying, when the trending articles is still loading, press enter will see the error but no harm to the user.
is it related?

@Jpita what's the status of this ticket?

PR done in https://github.com/wikimedia/wikipediapreview-wordpress/pull/2

Moving this ticket back to the Ready for dev, requires more time and effort to develop.

Some useful GitHub Action to consider

In T271677#7024300, @Jpita wrote:

Since this is a very edge case, should I create a new ticket so we don't allow the user to open the trending list while we're still loading the articles?

I assume this only apply to the article search page, and not for the language / article language page.

In T278381#7021851, @Jpita wrote:

I see 3 wikipedia links found in the console but the article only has 2 links.
Is this expected?
The last link found seems to be in the footer but it is not a preview enabled word.

In T279523#7002879, @SBisson wrote:

had to zip the repo and add new plugin using the admin panel, now I see it

We shouldn't have to do this. I think @hueitan and @eamedina were able to make it work by cloning the repo. Can you confirm?

Screenshot Example : (2nd version, may change later)

I clone the repo, and zip the folder, then upload.

These are the endpoints requested during the article loading (Article Cat as the example)

The another fix covers in PR https://github.com/wikimedia/wikipedia-kaios/pull/362

After discussion with @SBisson , there are few more steps to try

This spike has been done, to answer the question (✔️better;⭕ no better or difference),

I'm ready to take this challenge ;-)

PR https://github.com/wikimedia/wikipedia-kaios/pull/334