Searched For: mobiletooltip
in
* tap the notification or inbox icon
**What happens?**:
* the tooltip opens, but its pointer is not al … fari/ios 17.5.5
- iphone 13 mini
, if an ISO code tag is clicked, it should show the language string
es.
**Test results**
When testing it on an Android 6/Firefox for Mobile, we saw the following behavior:
… revision
- the appearance of the tooltip
The tooltip then never disappeared. Apart fr … ther types of devices, where the mobile version is used
- Never allow the existence of more than one tooltip at a time
- Allow people to clos … e it go away after some time for mobile / another good solution to get rid of the …
different from desktop's watchlist notification but also broken on mobile (they cannot be read, being clipped off screen)
Mobile uses a toast module to deliver a … uire( 'toast' ).show( 'foo' )
in mobile.
--------------------------
**V … unspecified
**Severity**: normal
Steps to Reproduce:
Actual Results:
Expected Results:
the tooltip on visualization doesn't get act … action on the staging website on mobile devices.
It does on the whgi website
Steps to replicate:
1. Open mobile VE.
2. Tap on any info icon in … ings dialog.
Observe that, the tooltip is not aligned with the icon but … e aesthetically.
{F31508019}
gle_view_mobile
2. Click on footnote [11].
3. Compare the footnote tooltip (not sure how you call it) to th … ge. Notice that, in the footnote tooltip, the link is in the wrong positi … * |
| 1 | ✅ | T216961#5183357 |
different from desktop's watchlist notification but also broken on mobile (they cannot be read, being clipped off screen)
Mobile uses a toast module to deliver a … uire( 'toast' ).show( 'foo' )
in mobile.
--------------------------
**T … ttps://trello.com/c/GIRDJPhN/802-tooltip-notifications-not-implemented-with-mobile-in-mind | GIRDJPhN ]]
* column … cator - Collaboration-Team board
enable tooltip for mobile
I mean, none of the mobile toggles have tooltips, but since … icular could probably use one)...
the issue causes some wrapping problem in that additional title on mobile with screen width 360-412:
{F37563378}
Tooltips are a bit annoying on mobile, I think we should either turn t … aph switch, I could only see the tooltip on the download button. It's po … ts just don't play nice with the tooltip css.
Merge "User impact: close tooltips when clicking outside on mobile"
User impact: close tooltips when clicking outside on mobile
When loading the impact module … 5bd94c1f9ceca864db62417f9e0f986a
Enable anon tooltips on mobile
Change-Id: I3230de3f7eb9313189c56c62099f01df41b284b3
Enable anon tooltips on mobile
Change-Id: I3230de3f7eb9313189c56c62099f01df41b284b3
Background
- **Description:** This task is to provide a CSS-only Tooltip in addition to the Vue Tooltip component
- **History:** Followu … like to replace `title` with the Tooltip component as a more accessible l … the Web team to fully adopt the Tooltip component.
- **Considerations:** … would likely differ from the Vue tooltip in some ways, most significantly … rd interaction of dismissing the tooltip with the Esc key wouldnt be poss … s thus far. The placement of the …
at the touch is on the graph. (it might be happening more when the tooltip is also part of the touch area)
… ment: Beta cluster.
{F57778904}
username, and must not be common.
Currently, on both desktop and mobile web, if a password does not meet … e displays. Perhaps we can add a tooltip (or other design element) that a … | {F27423101} | {F27423113}
| Mobile account creation & error | Deskt … r for common
| See also T211439
undreds of thousands of pages ]] on en-WP, for instance) to show a tooltip when a desktop user hovers over … ). However, when it is tapped on mobile, nothing happens.
== User story
- As a reader on mobile, I want to be able to understand … e <abbr> knowing that readers on mobile will be able to get information …
- Create a way for users on the mobile version of the site to derive in … ow citations currently appear on …
quest here [ ]
2. Adjust the indentation of subreferences in the mobile/tablet reference list to match t … dd link to Pull Request here [ ]
good anymore.
Solution:
As seen in figma, the option should get a tooltip:
{F57322799}
- add the little in … ortal.com/css-triangle-generator/
The Tooltip directive was released to Codex … ] tests that capture desktop and mobile hover/focus behavior.
ckable User page item from personal tools menu for temp accounts
| Mobile menu | {F36965009} | {F37174706} … name in menu
#Minerva
* Visit mobile site
* Edit a page
Expected: ban … | Desktop T340152 |
| 2 | ✅ | Mobile menu T340152 |
Yo'll see tooltips such as "'a' in about"
These do not work in the mobile version.
It has been proposed th … formation
Mock below:
{F3637851}
## Overview
The WIP Tooltip component (directive) from T3661 … - [x] If the cursor moves to the tooltip, the tooltip will still be shown.
- [x] The tooltip should appear after transition-duration-medium (250ms)
- [x] Tooltip should animate in using opacity … e trigger (not the center of the tooltip) so it looks like it’s coming … self.
- [x] The animation of the tooltip appearing should be transition-d … se (100ms)
- [x] The max width a …
inaccessible via keyboard navigation, not sure if that's an issue.)
a user…
##### Acceptance criteria:
##### Visual example:
For mobile designs there won't be any tooltip on the clock. It'll only be an i … ize=full}|{F31760968,size=full}|
## Background
We need to implement the Tooltip component in Codex.
Consideratio … the pop-up overlay on Desktop vs Mobile
- Also take into account tooltip … ntations below)
### Description
Tooltip component provides additional in … Known use cases
| {F37120130} | Tooltip within the Label in a Form Field … ces > Notifications (Desktop and mobile) |
| {F34438400}| MultimediaView … to implement both the small dark tooltip…
----- |
| 1 | ✅ | T353479#9540517 |
| 2 | ✅ | T353479#9540517 |
//Corresponding task from mobile: {T292887}//
---
On mobile, users see a dialog with onboard … ialog, it should be a GuidedTour tooltip.
As soon as is possible once th … tainer is present, an onboarding tooltip should appear. This should appe … or animates away, if possible.
* Tooltip should display once per session … apply to this same onboarding on mobile and vice versa. But if that's n … first use the other platform.
* …
he second "edit source" link (to the left of "View History") has a tooltip that says "edit this page".
clic … .m.wikipedia.org/wiki/Wikipedia (mobile version).
notice the second "edi … to the right of "History") has a tooltip that says ""Edit the lead sectio … edit the full source code in the mobile version.
this prevents, for exam … workaround in the web version in mobile devices is to ask for the deskto … ferent wikitext editor." enabled.…
for general performance reasons, making it easier for someone on a mobile device / cell data to edit just … on of the article, for instance.)
e Multiple languages functionality. This will be in the shape of a tooltip/popover with a link that leads t … help page explaining `mul`. The tooltip also contains a checkbox by whic … pulsating dot is clicked
THEN a tooltip with further information is disp … pover.
GIVEN that an onboarding tooltip with further information about M … to efficiently implement this on mobile
[] An onboarding element is visi … ermbox when editing an entity on …
This task is partly improve the help/info tooltip pop-up visual style and behaviou … on currently used on Desktop and Mobile {F34408572} {F34408574}
* Recons … the pop-up overlay on Desktop vs Mobile
Also take into account tooltips … `color-subtle` that is `#54595D`
n the "you cannot edit because you are blocked" drawer displays on mobile web
* The data should be made av … ck ID, etc.) should be collected.
While working on the RevisionSlider and improving the mobile device support there [1][2], I s …
- click on a revision bar
- the tooltip should show below the bar pointi … gain on a bar
- you will see the tooltip somewhere or not at all and defi … hub.com/jquery/jquery/issues/3187
to replicate the issue** (include links if applicable):
* Visit a mobile page with DiscussionTools enable … at other section menus contain.
trictly followed a sample CSS code from [[ http://www.menucool.com/tooltip/css-tooltip | this page]], since the tooltip … blems:
# very sticky tooltips: tooltip does not vanish when tapping som … vices in desktop version show no tooltip at all, it needs to be a link or … jumps downwards when tapping the tooltip container; happens in (1) mobile version on iPad, (2) desktop ver … grey area for getting rid of the tooltip…
*Expected behavior (Acceptance criteria):**
* [ ] One the hovered tooltip should be shown
* [ ] Tooltips s …
* Desktop: ...
* Small screens/mobile: ...
---
## Completion checkli … end_Task/Bug_Completion_Checklist
On desktop, tapping outside the tooltip dialog (info icon on thanks rece … cards) closes the dialog. But on mobile, the dialog stays open, which ca … ide a NewImpact module dialog on mobile and see it closed
# Not able t … Technical documentation ]] pages.
Investigate how easy/hard it would be to build the mobile onboarding pop-ups {T290780} sho … ch is currently desktop-only).
of the page, between "Homepage" and "Talk".
**What happens?**:
No tooltip is shown.
**What should have happened instead?**:
The tooltip mush be shown. It is shown when … obably be deleted because in the mobile touchscreen age they are becomin … should be displayed consistently.
In the mobile site, the references widget pars … n_Wikipedia | view references on mobile and the fact that this would sav … is a bug or expected behaviour.
ing or engineering that would explain a reduction in the growth of mobile editing? Mobile non bot edits have continuously … a reduction in the YoY growth in mobile editing when compared to last ye … ata from edits_hourly that has a mobile related platform revision tag.
* Mobile talk pages to anons on enwiki (T … buting factor
* The greatest YoY mobile nonbot edit decreases were on wi … er these made up less than 4% of …
uch, but you might still be interested in the revision info in the tooltip.
**Open Questions / Tasks**:
- … lider look like right now on
- mobile
- tablet
- Does it make sense t … support the revision slider for mobile?
- if yes: Create a way that al … e tipping on the diff bar once = tooltip, "double tip" = actual clicking … er_Bearbeitungskommentare_im_Diff
In the mobile view, there is a message shown b … 06-01-01" or whatever it may be).
es checkbox. the placement can be disregarded
**AC**
* in RTL the tooltip direction should flip
* Each Pro … hich will display its respective tooltip on hover/tap/click
* the icon ne … t part of this ticket
* uses the tooltip component and info icom
~~tooltips are clickable as well as hoverable~~
🛑 Mobile device testing
View All Viz’s … orm/filters
🛑iOS
🛑Android
tions mode is,and select "Advanced mode". | Advanced Mobile Contributions ]] feature. To tur … go to your settings page on the mobile site and select "Advanced mode". … riteria:
* If the user is in the mobile watchlist (advanced mode), and t … Examples:
**Current behavior of mobile, advanced mode:**
{F32250022}
… Mockup of days left displayed in mobile advanced mode:**
//Note: this i … ral idea//
{F31793132,size=full}
…
bout updating the homepage schemas and/or instrumentation code for mobile. Below is a list of places in which the mobile homepage differs from the deskto … is not a concept that exists on mobile, and so we don't expect any "hov … out" events.
* **Previews**: the mobile version has previews for each mo … need to record when clicked.
* **Tooltip in impact module**: in T216220 w … that the user taps to open up a tooltip…
we should use the "clock" icon from T216220 on the impact module's mobile preview, in addition to on its f … pact module preview
> {F29453889}
Citation text in popups on mobile web read mode includes unexpecte … Compared to the same citation in mobile VE, or on desktop read mode:
| … arget site requires registration.
1. On mobile go to Homepage-Suggested edits
… n animated gif below)
{F31057468}
Hi, in the Android and iOS mobile app is mistage. Nowadays (Januar … dia:Wikipedia-ios-more-languages-tooltip-description/en
* https://transla … s-search-title/cs
Thanks for fix.
The tooltip is built with 4 images, one for … that...
* these two:`<div class="tooltip-top"></div>` and `<div class="tooltip-bototm></div>` should be removed … styling for `.articleFeedbackv5-tooltip .tooltip-top`, `.articleFeedbackv5-tooltip .tooltip-repeat`, and `.articleFeedbackv5-tooltip .tooltip-bottom`
* apply the CSS style to … ent with the `.articleFeedbackv5-tooltip` ( `<div class="articleFeedbackv5-tooltip…
Hi, today i had problems with phabricator on a mobile ISP T185687 which turned out to … lecom).
Also happening on three mobile too.
Also happends on mobile networks in Serbia.
o extra cost and tied to the same revision with regards to caching.
e here as well. The login session is only lasting for 2 days on my mobile. Bugzilla and Gerrit seem to sta … forever on the other hand.
The mobile site uses HTTPS - could this be … nspection of my HTTP headers:
On mobile site:
Sent:
enwikiUserName Jdlr … g End Of Session
ext.moodBar@3-tooltip 1 / en.wikipedia.org Sat Aug 3 … : unspecified
**Severity**: major
In a mobile site's main page, headers above … cumstances, in order to have the mobile homepage display correctly, the non-mobile homepage must have these element … unspecified
**Severity**: normal
ed - mw:Reference Tooltips and this now seems to be running on the mobile site. There's no guarantee gadgets will work on mobile so we should probably disable th … unspecified
**Severity**: normal
d to run qunit tests but seems to be very unnecessary code for our mobile users.
See Change-Id: I84e05125 … unspecified
**Severity**: normal
hover over the User button (the man with the number), it shows the tooltip message "<mobile-frontend-user-button-tooltip>". Probably just needs the i1 … unspecified
**Severity**: trivial
The rank icon currently doesn't have a tooltip saying which rank the claim has. … on**: master
**Severity**: normal
Messages: Remove 'visualeditor-donebutton-tooltip'
This was removed from the code … switched
to a single toolbar on mobile.
Change-Id: Ic2a807bd8e17a692ad3a6974bbb3028fa1d2d434
Do not use raw HTML for 'wikimedia-mobile-license-links'
Including the 't … because
this message is used on mobile, where these tooltips are never … ranslations:
Find:
"wikimedia-mobile-license-links": "<a href=\\"(. ? … /a>",
Replace with:
"wikimedia-mobile-license-links": "[$1 $2]$3[$4 $5 … 2c3df896900f6775a510dfd727ef9a5a
Version with ULS inside Ham_menu, Make tooltip and language switcher mobile friendly
Don't mutate DOM by showing a tooltip on touch events
Summary:
This f … caused the problem by showing a tooltip.
- There are probably similar bu … stinction between 'desktop' and 'mobile' devices. Mobile devices like the iPad Pro are es … //secure.phabricator.com/D15310
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Also updates Hebrew 'CVV' from … d9b253fcf6b4bfc7a743d35f3f4552c
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Also updates Hebrew 'CVV' from … d9b253fcf6b4bfc7a743d35f3f4552c
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Also updates Hebrew 'CVV' from … d9b253fcf6b4bfc7a743d35f3f4552c
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Also updates Hebrew 'CVV' from … d9b253fcf6b4bfc7a743d35f3f4552c
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Also updates Hebrew 'CVV' from … d9b253fcf6b4bfc7a743d35f3f4552c
Tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
Change-Id: Ibc996ecc8d9b253fcf6b4bfc7a743d35f3f4552c
WIP tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
HTML changes only made to FR ti … d9b253fcf6b4bfc7a743d35f3f4552c
WIP tooltip explanation of CVV field for WorldPay
Image tooltip shows on hover for desktop, on click for mobile.
HTML changes only made to FR ti … d9b253fcf6b4bfc7a743d35f3f4552c
ps for "Language" and "Watch" are just "Language" and "Watch". The tooltip for "Edit" is non-trivial, but i … se they are so useful at all for mobile screens, and they are only marginally useful when using the mobile interface on the desktop.
Perha … hould probably be refreshed, too.
edit when a user hover over a yellow or blue highlighted area. The tooltip popup says "Content added" for b … Desktop, I will be able to see a tooltip that indicates "Content deleted" … Desktop, I will be able to see a tooltip that indicates "Content added" w … ea.
== Designs ==
{F36864352}
tly they are displayed onhover, for people with mice/trackpads
for mobile we would like to enable on-click.
se tools? Like tool-tips when you hover a small question mark icon?
splayed.
Switching to desktop view and viewing the page shows the tooltip as intended.
------------------ … *: normal
**Attached**: {F13195}
Not important for actual mobile use, but important for migrating the mobile skin to desktop use.
Right now, … ecified
**Severity**: enhancement
ps from Most used
The elements in question are usable without the tooltip.
In addition, tooltips are deskt … ost users
of new projects are on mobile devices, so their priority
shoul … 9ce426723b965c2b0f7ed90545441b7d
you inspect the languages section
(.interwiki-fr for example) the tooltip will be in the form
'- French' r … er than 'Main page - French'
On mobile this tooltip is actually used to determine th … he title of the main page to the tooltip.
Bug: 55865
Change-Id: I1962c4 … bb527355d4d87300b419ca80d42dcc3
you inspect the languages section
(.interwiki-fr for example) the tooltip will be in the form
'- French' r … er than 'Main page - French'
On mobile this tooltip is actually used to determine th … he title of the main page to the tooltip.
Bug: 56741
Change-Id: I1962c43 … bb527355d4d87300b419ca80d42dcc3
e within a section (`==`), the title's content is not displayed on mobile.
For an example, open the page … nity symbol. I'd expect to see a tooltip saying "Infinity title", but not … n and in the subsequent sections.
esktop (for mouse, keyboard navigation, and assistive technology). Mobile UX has not yet been proposed.
O … ke this:
{F29873862 height=208}
i/Extension:Graph/Plans#Update_April_2024|April 10, 2024 update]]**
In fiscal year FY2324, the iOS team worked to increase unreverted mobile contributions T344258. One of ou … ine breaks
**Nice to have**
- Tooltip tutorial guidance for alt text i … - Research Team
- GLAM team
ge the cache by adding "?action=purge" at the end of the page URL.
se [[ https://doc.wikimedia.org/codex/latest/components/directives/tooltip.html | tooltip ]] to display text on hover: Tem … expired
{F57453100, size=full}
at stuff when possible
* makes Special:NewPagesFeed hard to use on mobile
Footer to delete:
{F40454623}
… der. when clicked, it displays a tooltip with the stats
* delete the footer
/wiki/SVG_image_support | SVG image support ]]//
{T120746}
{T10901}
map, i.e. SNES
**Actual**
- It only shows a normal web browser tooltip "Super Nintendo Entertainment Sy … he many elements on an image map.
0;
@z-index-overlay-backdrop: 400;
@z-index-overlay: 450;
@z-index-tooltip: 800;
@z-index-toast-notificatio … 1070;
$zindex-tooltip: 1080;
$zinde … s-tricks.com/systems-for-z-index/
pers can use it as image.
[-] Scroll behavior for both desktop and mobile (portrait and landscape)
[-] Ste … -height `size-1600` (256px)
- Mobile: max-height `size-800` (128px)
- … when scrolling.
- **Swipe:** On mobile and tablet, the user will use th … lone tasks for all future work.//
14px
**Tablet**
- 8 grid columns
- 24px gutter
- 24px margins
**Mobile**
- 4 grid columns
- 16px gutter … gital.gov/utilities/layout-grid/
ie is site-specific, and so when you log in to a different domain (mobile vs desktop, en versus wikitech v … ps this should look different on mobile than desktop -- the popup takes … raction of screen real estate on mobile.
{F48635336}
{F48635514}
To re … d views for a wiki (or globally).