Is it possible to enable horizontal scrolling in Phpstorm?
I have found nothing whilst searching through the settings.
Have you tried holding SHIFT + mouse scrolling?
I tested it from version 8.0.3 up to 9.0.2 and it works just fine.
Bonus hint:
This feature is actually pretty standard on many programs. Even on you browser, if you zoom-in right now so that the horizontal scroll bar appears, and try to scroll while holding SHIFT, it will side scroll.
Unfortunately it's not possible to perform horizontal scroll with mouse (mouse wheel) or pads -- JDK does not support it (maybe in v9).
https://youtrack.jetbrains.com/issue/IDEA-81013
In my particular case it was that I was running autohotkey which had something bound to shift... So phpstorm couldn't pick up on it.
Related
I use a program called Organizr that runs in the browser and in order to make it easier to use I use the create shortcut option in chrome and check the box to have it open as a window. This is nice because it doesn't have the address bar/tabs/bookmarks bloat from the main browser but the issue is that it has a wide white bar across the top with site information, and it doesn't go away when I make the window fullscreen which is problematic since I use Organizr to access my Plex library and watch videos. Can anyone advise on how to hide/remove this info bar from the window?
There's the thin bar at the very top that just says Organizr and that is fine, but the bar below it with the (i) and it says Organizr V2 and localhost is what I'm talking about.
(This is a repost from https://support.google.com/chrome/thread/8422935?hl=en)
I'm late here and what I'm going to propose here is not even a real solution because it slightly change the window's top bar (at least on edge chromium it becomes white and you can't manage anymore addons and other things):
add this option --app=https://www.yoursitehere.domainhere (replace yoursite.domainhere with the link of the site you want see as app) to the destination (in shortcut property).
If you find any other solution would be awesome
For some reason in the latest versions of Canary (and I reinstalled it a couple times) no longer allows you to change elements in dev tools by clicking on them. The only way I can go through the DOM in the elements tab is with the up and down arrow keys which takes forever.
I can use the magnifying glass to select things, but then can't go further into their children elements without using the arrow key. Clicking on elements does nothing at all.
How to fix?
I was seeing this too... seems devtools can get in a funky state. The solution is to:
open devtools
click the traffic light icon and click Settings
scroll down and click Restore defaults and reload button
This fixed it for me...
I had this issue too. I noticed that although you can't click on the element itself, you can on the white space on the left of it, with the same effect.
When I have some breakpoints set up in a script google chrome removes the ability to scroll the webpage, saying at the top of the screen Paused in debugger. Is there a way to disable this so that I can look at elements in various parts of the page, while also looking at the script in the debugger?
Taken from here.
An easy workaround for the scrolling lock-up is to just jump to the console, and:
window.scrollTo(0, 800). (Replace 800 as needed)
You can click on the Elements tab and then hover over the HTML to the element you are interested in and right click to "Scroll into view". Not the most natural and fast, but it works...
I don't know if this question is relevant, but it has become an issue at my workplace, so...
One of our clients (using a Mac) showed us a 'problem' in a dropdown that we made using the default <select> tag. The dropdown has 43 <option>'s. In our Windows PC, the dropdown has a scroll bar (as you can see in the screenshot) showing only some items at a time. But in the client's browser, the dropdown shows all the items at once.
Is there a way to have scroll bars on the dropdown on Mac PCs? If no, what possible alternatives can I apply to get rid of this issue? Please note that the dropdown uses HTML's default <select> and <option> tags and I am hoping not to use any jQuery plugins as an alternative.
Thanks :)
Edit: For reference, here's the website - http://webcityhome.com/client/aairportershuttle/reservation.php (On the Pickup Location, go to 'Pier' and select 'Pier no.') (link defunct)
This is the Windows screenshot in our PC -
And this is the Mac screenshot in the client's PC -
This is the normal, expected behavior of a dropdown list on OS X. OS X uses the entire available vertical space for the list, it does not restrict it to some arbitrary portion of the screen.
I'd tell your client politely to shove it. What he wants to do is alter the default behavior of standard OS provided controls. That's not the job of a website developer, and it's not an issue either. It'd be an issue to change it and provide all users with unexpected behavior.
Every single dropdown list in OS X works this way. Ask your client why it's only an issue on your site.
There does not seem to be a problem on Chrome or Safari on Mac OSX. Here is a screenshot.
It displays an arrow to scroll down that is activated on scroll or mouseover.
I'm unsure if this will actually work, but try adding this to your stylesheet:
select {
height:7em;
overflow:scroll;
}
Both the <select> and <option> tags can be stylized with CSS.
If you want to have a scroll bar, try adding a size attribute, e.g., <select size="20">.
The tools are opened on the bottom of the chrome window per default. This is a rather bad choice for a wide screen display since there is plenty of empty space to the right but not much vertical space to spare. Unfortunately, I have found no way to reposition the tools. I would like to have them on the side, similar to firebug.
The only option similar to what I want is to detach the dev tools and place chrome and the tools window side-by-side. This is not very convenient for quickly alt-tabbing from the IDE to the browser and back though, so an "integrated" solution would be nice.
Chrome 46 or newer
Click the vertical ellipsis button ( ⋮ ) then choose the desired docking option.
Chrome 45 or older
Long-hold the dock icon in the top right. It pops up an option to change the docking
To change the split between the HTML and CSS panels, go in DevTools to Settings (F1) > General > Appearance > Panel Layout.
Place your pointer on the dock button and long click it (some seconds) or right & left mouse click depending on the browser version.
Keyboard shortcut to toggle the docking position (side/bottom)
CTRL+SHIFT+D
And there are many shortcuts you can see them by going to
Settings » Shortcuts, as displayed here:
Alternatively, use CTRL + ? to go to the settings, from there one can reach the "Shortcuts" sub-item on the left or use the Official reference.
Looks like this is on the bottom left now as an icon with overlapping windows and the "Undock into separate window." tooltip.
After I have placed my dock to the right (see older answers), I still found the panels split vertically.
To split the panels horizontally - and even got more from your screen width - go to Settings (bottom right corner), and remove the check on 'Split panels vertically when docked to right'.
Now, you have all panels from left to right :p
As of october 2014, Version 39.0.2171.27 beta (64-bit)
I needed to go in the Chrome Web Developper pan into "Settings" and uncheck Split panels vertically when docked to right
If you use Windows, there some shortcuts, while devtools are opened:
Pressing Ctrl+Shift+D will dock all devtools to left, right, bottom in turn.
Press Ctrl+Shift+F if your JS console disappeared, and you want it docked back to bottom within dev tools.
The Version 56.0.2924.87 which I am in now, Undocks the DevTools automatically if you are NOT in a desktop. Otherwise Open a NEW new Chrome tab and Inspect to Dock the DevTools back into the window.
In addition, if you want to see Sources and Console on one window, go to:
"Customize and control DevTools -> "Show console drawer"
You can also see it here at the right corner: