Why vuetify tabs slider disappear when copule with navigation-drawer? - vuejs2

I'm coding a layout with tabs but don't know why slider-color of a tab was disappeared.
Here is demo: https://codesandbox.io/embed/vuetify-tab-0fyyy
Here is my video test on Ubuntu FireFox version 57.0.1 64bit: https://www.dropbox.com/s/wmxsajsunwd9tur/vuetify_tabs.mp4?dl=0
Step as follow:
At tab1, the "events" tab was actived with blue line
Click tab2
Click "MENU" to open side-bar, then click background to close
Click tab1, then you will see the blue line disappeared
Many thanks for any advice!

Related

Click on a right click menu

I'm trying to click on a button from a right click menu with nightwatch.
I have tried that:
.moveToElement('#nightwatch', 10, 10)
.mouseButtonClick('rigth')
But then, I need to click on a button from this menu, but I cannot. The menu is open and close inmediately, don't pause until I click on the button.
Anybody knows why?
Thanks
EDIT:
I tried with other websites, but the same problem remain:
browser.waitForElementVisible('body', 5000)
browser.moveToElement('#tsf', 10, 10)
browser.mouseButtonClick('right')
browser.pause(8000)
With www.google.ch
But the right click menu never appears.

Intellij quick documentation is displayed in a separate panel instead of a popup

When I click Option-Q on an identifier to display the Quick-Documentation Popup instead of it showing up in a small dialog directly above the identifier it is showing in a large separate panel to the left.
This is suboptimal because the content is not where I wanted to look for it and because the new panel overlays the entire right side of the editor panel (and its contents).
Is there a Preferences setting for getting this to be a popup again?
Aha! There's a configuration menu that can be accessed by Right clicking on the top bar of the tool window. The first option Open as Popup is the one I wanted:

How to Inspect Element using Safari Browser

I am developing websites and creating applications. I want to know how to inspect an element through web browsers like safari.
In normal Chrome, Firefox, Explorer or any other browsers, we will right click the mouse button or press Function Key F12 to view the Inspect Element. But it is not happening in the case of safari browser.
Share your thoughts!
In your Safari menu bar click Safari > Preferences & then select the Advanced tab.
Select: "Show Develop menu in menu bar"
Now you can click Develop in your menu bar and choose Show Web Inspector
See the detailed guide here for more info:
LINK
You can also right-click and press "Inspect element".
EDIT
As suggested by #dennis in the comments: If you dont see "Show Develop menu in menu bar" you may need to run DevToolsSecurity -enable in the console before the option is visible
Press CMD + , than click in show develop menu in menu bar. After that click Option + CMD + i to open and close the inspector
in menu bar click on Edit->preference->advance at bottom click the check box true that is for Show develop menu in menu bar now a develop menu is display at menu bar where you can see all develop option and inspect.

bxslider with modal popup + safari

If you go there : http://winkstrategies.com/#clients
and you click on the first logo (Les Aliments SRC) you will see the bxslider working, if you close the popup and click back on the same logo the bxslider not seem to be working. Does someone have an idea?
Second problem if you look the same page with safari and click the first logo you will see the 2 slides overlapping each other? in firefox it's ok... what is causing this?
Thanks

Safari Web Inspector Showing Up In New Window By Default

I've been using Chrome and am going back and forth between switching to Safari or staying with Chrome. My one small issue with Safari though is that the web inspector always shows up in a new window every time I toggle it. I press Command-Option-I and it opens in a new window and when I press Command-Option-I again it does not go away. I love the way the web inspector functions in Chrome and am wondering if there's a way to run the same way in Safari.
Any thoughts are greatly appreciated. Thanks!
I have had the issue for a long time. Here is the solution.
Right-click on a web page and select inspect element.
The console window appears in Fullscreen. Minimize the window like any Safari web page and it should a window like below.
Just above the 'Elements' tab, you should be able to see 2 icons. Clicking the icon on the left, opens the Console in right side of the browser and clicking the icon on the right, opens the Console in bottom of the browser
Hope this helps.
None of the methods upon are working for me (Safari 9.1), if you want to make the docking buttons of the inspector showing up:
open Terminal
type defaults read com.apple.Safari "__WebInspectorPageGroupLevel1__.WebKit2InspectorStartsAttached"
Once you checked if it returns 0,
do:
defaults write com.apple.Safari "__WebInspectorPageGroupLevel1__.WebKit2InspectorStartsAttached" 1
It's a bug in the Safari codebase.
Here is the bugreport and they're working on it (source)!
You could press the leftmost button at the Inspector's status bar and Inspector will dock.
UPDATE: Now, the button is on the right. When Inspector is in a separate window, the two small buttons in its upper right corner make it move to the 1) bottom of the Safari window 2) right side of the Safari window.
The only method that seemed to work for me was to resize the browser to a big enough size that it was big enough to contain the smallest size of an individual Inspect window. This for me, was widening the browser to at least around 65% percent width of the screen, and then you can "Inspect Element" and the default would be that the Inspect window would be at the bottom of the browser, and the browser with the Inspect window in it is resizable to any size now. Hope this helps some people.
Follow these steps to fix safari issue
Go to Develop --> User Agent --> Safari --> Select iphone --> then click on right side top symbol...
Select it and do inspect then you can see the button on left side top corner.
Now set to default setting by redoing the first point.
Please follow the step
Try clicking as shown:
I hope you get as shown:
I noticed when you have an open tab like the start page, the web inspector will pop up in a separate window. Also, there are no icons in the web inspector to attach it to the bottom or side. If you have a webpage open and do the same thing in the same window, that tab will have the web inspector attached to the bottom of the page (or whatever your attachment selection was prior).