"Show Maximize Button" property not working in Chrome Version 62 - google-chrome

"Show Maximize Button" property not working as its suppose to in Chrome browser. I am using Oracle APEX 5 and Chrome Version 62.0.3202.94 (Official Build) (64-bit). It is working in IE and Firefox but not in Chrome. I have created a sample page here --> Oracle APEX Workspace
You will notice that the region hides and blank screen appears when maximize button is clicked. The region appears again if you try to resize current browser window or change any CSS property from Chrome Developer Tools.
I know a temp. workaround to fix this but looking for permanent solution.

Related

why I can't get the google chrome CSS Grid Inspector?

I've been trying to use the CSS grid inspector for google chrome dev tools. However, I can get neither the grid label aside of the element(as the dev tools must show) nor the Layout panel where I should be able to play with grid gaps, rows, etc.
How can I enable/use them?
Google Chrome Version 86.0.4240.75 (Official Build) (64-bit)
Article I've tried to follow: https://developers.google.com/web/tools/chrome-devtools/css/grid
The way to enable the feature isn't documented very well.
Select Control+Shift+I (Windows, Linux) or Command+Option+I (macOS)
Select Shift+? to show the Settings panel
Navigate to Experiments and...
Check "Enable new CSS Grid debugging features (configuration options available in Layout sidebar pane in Elements after Restart)"
After restarting the Dev Tools you should see small grid-tags in the Element Explorer and the new Layout pane in the Dev Tools sidebar.
HTH
BTW it should be default by version 87...
Took me a while as well, but here's the step-by-step:
Open Developer Tools and click on the cogwheel (Settings)
Select the tab Experiments and then check "Enable new CSS Grid debugging features"
The Layout tab appears as the last item

Hovering on a variables in Chrome dev tools is not showing the current value?

On hovering a variable in Chrome dev tools, after putting the debugger in the .js file, the current value of that variable is not showing.
I'm using Chrome version 79.0.3945.88 (Official Build) (64-bit)
As has been rightly pointed by #wOxxOm and #adam0101, this is a bug and the Chrome team is addressing it.
For now, I'm using Chrome Canary https://www.google.com/chrome/canary/, which seems to be working perfectly fine.

Chrome remote debug display issue

I am trying to debug remote Chrome, the device could be connected, and inspect the tab starts fine.
But in the window of remote debug, everything is a mess. the GUI is terrible, which makes the functionality totally unusable, see picture below:
resize this window or change the resolution is not working.
some times tabs like elements, source, networks could presents, but under the source tab, there is search bar keep presents and covers all area of the codes area.
this is totally not working.
OS: Win7.
PC Chrome version: 63.0.3239.108 (Official Build) (64-bit)
I don't think this should related to Mobile Chrome or android version.
Is there any possible reason for this?
I think Chrome is a widely using browser this can't be a formal released bug for Chrome, right?

Selenium run chrome in mobile mode

Is there any possibility to run mobile version of chrome using ChromeDriver in Selenium, I mean something like emulation in Inspect element options?
Try --window-size=360,640 option, full option list
I think Appium can run against mobile Chrome for Android, via emulation of some description. But I've never run it myself so can't offer more than a general pointer in that direction. Sorry!
If you're just looking to emulate mobile chrome for inspection purposes, you could always use the normal computer version of Chrome and set it to emulate a mobile device. To access the emulation settings, press F12 then click the Show Drawer button and then the Emulation tab.
If you're looking to run scripts against mobile Chrome, then you'll need to use something like Appium as the previous answer suggested.

Firebug use with fullscreen API

I'm using on a website the fullscreen feature offered by HTML5. With chrome I can modify the style with webkit developer —in fullscreen mode— just fine.
But when I'm using Firefox with Firebug, I can't, because when I clink on the firebug panel (on a separate window on another monitor — I have a dual monitor setup) the page exits fullscreen mode.
How can I resolve this?
Edit, additional info:
I'm using Ubuntu 12.04.2, Firefox 21 with Firebug 1.11.4
I've tested this on Windows 7, Firefox 21 and the behavior is the same.
I found the solution here: Html5 video won't stay full screen on second monitor?
In brief, set full-screen-api.exit-on-deactivate to false in about:config. It's a configuration setting available since Firefox 13.
For anyone interested, the bug is explained here: Bug 724554 - Don't exit fullscreen when focusing window on different display.