Painted Full screen Browser controls

%3CLINGO-SUB%20id%3D%22lingo-sub-1502426%22%20slang%3D%22en-US%22%3EPainted%20Full%20screen%20Browser%20controls%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1502426%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F484598%22%20target%3D%22_blank%22%3E%40fawkes%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F470968%22%20target%3D%22_blank%22%3E%40MissyQ%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F688887%22%20target%3D%22_blank%22%3E%40posinha%3C%2FA%3E%26nbsp%3B%26nbsp%3BJust%20updated%20the%20canary%20to%26nbsp%3Bversion%2085.0.563.0%20and%20when%20I%20did%20full%20screen%20the%20browser%2C%20I%20was%20shocked.%26nbsp%3B%26nbsp%3B%20%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Full%20screen%20controls.png%22%20style%3D%22width%3A%20161px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F202787i1DB579BE873ED446%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22Full%20screen%20controls.png%22%20alt%3D%22Full%20screen%20controls.png%22%20%2F%3E%3C%2FSPAN%3EThis%20is%20how%20the%20new%20browser%20controls%20look.%20And%20this%20is%20how%20the%20legacy%20browser%20controls%20look.%26nbsp%3B%26nbsp%3B%26nbsp%3B%20%26nbsp%3B%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22sauravyad500_0-1593660619712.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F202788iE43E7467F00AA4C3%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22sauravyad500_0-1593660619712.png%22%20alt%3D%22sauravyad500_0-1593660619712.png%22%20%2F%3E%3C%2FSPAN%3EPlease%20make%20the%20controls%20look%20like%20edge%20legacy.%20The%20middle%20button%20is%20abnormally%20large.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMore%20of%20it%2C%20chromium%20edge%20browser%20controls%20are%20simply%20drawn%20and%20not%20real%20window%20browser%20controls.%20They%20are%20just%20simulated%20to%20act%20as%20browser%20controls%20by%20taking%20mouse%20click%20events%20in%20the%20area%20as%20input.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20got%20to%20know%20all%20this%20when%20the%20browser%20controls%20were%20simply%20static%20and%20not%20getting%20focussed%20on%20mouse%20hover.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESuggestion%3A%20You%20are%20developing%20a%20polished%20browser%2C%20and%20these%20painted%20controls%20won't%20simply%20be%20appealing.%20Also%2C%20this%20would%20hurt%20the%20performance%20of%20the%20browser.%20You%20are%20using%20desktop%20API%20right.%20Instead%2C%20you%20could%20have%20used%20window%20controls%20in%20full-screen%20mode%20with%20just%20the%20middle%20button%20changed%20to%20toggle%20button.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20take%20note%20of%20this%20and%20change%20these%20buttons%20from%20painted%20to%20actual%20buttons.%20Why%20do%20you%20take%20the%20overhead%20of%20handling%20input%20and%20focus%3F%20Even%20Mozilla%20firefox%20has%20real%20window%20controls%20in%20full-screen%20mode.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1502426%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EChrome%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Echromuim%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EEdge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Efullscreen%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Elegacy%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Highlighted
Contributor

@fawkes @MissyQ @posinha  Just updated the canary to version 85.0.563.0 and when I did full screen the browser, I was shocked. Full screen controls.png  This is how the new browser controls look. And this is how the legacy browser controls look.  sauravyad500_0-1593660619712.png   Please make the controls look like edge legacy. The middle button is abnormally large.

 

More of it, chromium edge browser controls are simply drawn and not real window browser controls. They are just simulated to act as browser controls by taking mouse click events in the area as input.

 

I got to know all this when the browser controls were simply static and not getting focussed on mouse hover.

 

Suggestion: You are developing a polished browser, and these painted controls won't simply be appealing. Also, this would hurt the performance of the browser. You are using desktop API right. Instead, you could have used window controls in full-screen mode with just the middle button changed to toggle button.

 

Please take note of this and change these buttons from painted to actual buttons. Why do you take the overhead of handling input and focus? Even Mozilla firefox has real window controls in full-screen mode.

0 Replies