Comments (3)
Wow, that was quick.
Now is a good usability fix.
But if you accidently move your mouse over another element with a tooltip, it will still blur the tooltip on the active element. I thought of it like a attribute property like the position property:
data-uk-tooltip="{pos:'right'}"
could be:
data-uk-tooltip="{pos:'right', mode:'click'}"
That would replace the default behaviour of hover, and only activating the tooltip on click/tab, making it work more like the onClick event in the Dropdown component.
Though the dropdown component requires you to hit space to extend the dropdown when tabbed in, that won't really be good usability in the case of a tooltip since that would put a space in input elements like type="text".
In the absence of the "mode:'click'" it would behave as it does now.
from uikit.
I think the actual implementation is the way a tooltip has to behave ... on click modes are something for popovers.
from uikit.
your right of course ... well I gues I'll just have to wait for that part of the framework then ;)
from uikit.
Related Issues (20)
- This trying to access undefined in Firefox raising exception HOT 1
- Horizontally centered column of icons in flex block
- ERROR: No matching export in "node_modules/uikit/dist/js/uikit.js" for import "default" HOT 2
- uk-slider gets into an infinite loop if there are not <li> takes in a <ul>
- uk-slider animation in safari is buggy when scrolling quickly or with the sets:true parameter HOT 1
- uk-sortable: - quick sorting of tables (<tbody) breaks the markup (freezes) HOT 5
- 3.20.10 (May 13, 2024) REMOVED Remove removeClasses() util function ??? HOT 1
- Switcher component inside a Modal triggers modal events HOT 1
- Slideshow does not render the first animation correctly. HOT 1
- Landscape to portrait not update properly (iPad M1 - uikit 3.21.3) HOT 1
- Flyout navbar HOT 1
- Add Smooth Scrolling option
- Disabling tootltips using preventDefault throws undefined error in browser on every mouseover element with tooltip HOT 2
- Toggle should scroll to target so that it is visible in the viewport HOT 2
- Toggle close when toggle item click used javascript trigger HOT 2
- Background images are not loaded correctly when using Vite + Less HOT 2
- TypeError in offsetViewport calculation fallback HOT 3
- Tooltip + Touch Device causing UI problems HOT 3
- UIkit modal is not working for static raw HTML | UIkit.modal(element).show(); HOT 2
- SASS warning: Sass's behavior for declarations that appear after nested rules will be changing to match the behavior specified by CSS in an upcoming version. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from uikit.