I have a timer within a div, that I'm showing/hiding using v-if. The start/stop button works when there is no v-if, however when I add the v-if the button no longer works. The console is showing me nothing to debug with.
Related
I'm using dojo menubar and I want the submenus to pop-up onmouseover and disappear onmouseout.
Right now the hiding and showing behavior is based on a click.
Is there anyway to get it to hover on mouseover, stop hovering on mouseout?
I found that a javascript click() on the menu item will start the hover behavior, and another javascript click will end it, so I could add an onmouseover and onmouseout listener to each menubar item as a workaround, but maybe someone knows of an easier way to get the same behavior by changing some dijit settings?
The documentation says this but I'm not sure how to use it.
The Menu/MenuBar domNode has a dijitMenuPassive/dijitMenuActive class so that CSS rules for hover can be customized based on whether or not the menu has focus.
I tried to add class="dijitMenuActive" but didn't notice any changes.
I tried passing in a function through #scroll then tried to detect the scroll event with document.addEventListener('scroll', this.onScroll). However, scrolling down the buefy b-dropdown component triggered no scroll event.
How should I detect whether a scroll is happening or not?
I am using v-select (Vuetify) as a dropdown component. When I click the dropdown to expand the option, it does but it also has a blinking cursor on the input line for the ability type and search the dropdown options if you don't want to scroll through them. The issue is that this is automatically triggering the iOS keyboard to come up and it's covering half the screen.
I tried passing the prop :disabled=true but this just prevents the dropdown from even expanding. Is there anyways to disable this without disabling the dropdown functionality?
Aside from forking the library, is there a way to override/disable setFocus in the private show and hide methods of the dropdown?
I am using the dropdown for a mini-cart on a sticky navbar. When an item is added I'd like the dropdown to open (which works fine) but the focus is jumping to the top of the page on show and hide. I realize this is a feature and not a bug! But for this feature I want to keep any scrolling from occurring.
The only thing you can do is to is to hook into the shown.bs.dropdown and hidden.bs.dropdown events and set a different focus element after a 20ms timeout, but this is very confusing for users who use or only use keyboard navigation.
I used the elementui tooltip component, and I saw that only delayed display by 'open-delay', how to make it delay disappear
Have you tried hide-after property ? Here is an example : https://jsfiddle.net/budgw/58mdw0et/
If you want to delay when the mouse leaves the element, first use the manual property on el-tooltip. Then use mousenter and mouseleave envents (in case of an el-button) to show/hide the tooltip. You can use for example debounce method from lodash in order to delay the hide method. Here is a jsfiddle : https://jsfiddle.net/budgw/qrt3pbqm/
Hope it helps.