Title Bar Height of Apps, when maximized is wrong

%3CLINGO-SUB%20id%3D%22lingo-sub-1152675%22%20slang%3D%22en-US%22%3ETitle%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1152675%22%20slang%3D%22en-US%22%3E%3CP%3EUntil%20recently%20the%20title%20bar%20of%20my%20Apps%20(normal%20Websites%2C%20that%20I%20installed%20as%20Apps)%20was%20OK.%20But%20about%20two%20weeks%20ago%2C%20the%20title%20bar%20became%20smaller%20(or%20thinner).%20This%20looks%20very%20ugly%20and%20is%20very%20annoying.%20Specifically%2C%20if%20the%20window%20is%20normalized%2C%20the%20title%20bar%20has%20the%20same%20height%20as%20before.%20But%20when%20maximized%2C%20the%20title%20bar%20gets%20thinner.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20enough%20space%20on%20my%20screen.%20And%20I%20recently%20use%20the%20buttons%20on%20the%20title%20bar%20(most%20commonly%20Minimize%20and%20Close).%20It%20is%20really%20annoying%2C%20because%20now%20these%20buttons%20also%20got%20smaller.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20this%20will%20be%20fixed%20soon.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBut%20maybe%20other%20people%20see%20it%20differently%20and%20like%20the%20smaller%20title%20bar.%20Or%20can%20this%20be%20configured%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1152733%22%20slang%3D%22en-US%22%3ERe%3A%20Title%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1152733%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3Ewhen%20the%20feature%20to%20install%20sites%20as%20apps%20was%20introduced%2C%20it%20originally%20had%20the%20thin%20top%20bar%2C%20after%20that%2C%20for%20a%20period%20of%20time%2C%20the%20top%20bar%20got%20thicker%2C%20but%20now%20it's%20back%20to%20its%20original%20state.%3CBR%20%2F%3E%3CBR%20%2F%3Eabsolutely%20no%20functionality%20has%20been%20dropped%20nor%20reduced.%20the%20same%20thing%20and%20even%20more%20can%20be%20done%20now%20but%20with%20thinner%20top%20bar%20and%20it's%20the%20whole%20point%20of%20the%20minimal%20design%20for%20websites%20installed%20as%20app.%20the%20point%20is%20to%20make%20user%20feel%20like%20he%2Fshe%20is%20only%20interacting%20with%20the%20website%2C%20and%20not%20the%20browser%2C%20hence%20the%20name%20%22app.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1153842%22%20slang%3D%22en-US%22%3ERe%3A%20Title%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1153842%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F345823%22%20target%3D%22_blank%22%3E%40MartinProhn%3C%2FA%3E%26nbsp%3Bthanks%20for%20reporting%20that!%3C%2FP%3E%0A%3CP%3EWe%20are%20doing%20a%20lot%20of%20work%20in%20that%20area%20right%20now%2C%20and%20I%20expect%20this%20is%20a%20regression.%20The%20height%20of%20the%20titlebar%20should%20not%20change%20between%20being%20maximized%20and%20not.%20I've%20logged%20that%20bug%20internally.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe%20don't%20want%20it%20to%20be%20too%20tall%20because%20the%20app%20contents%20have%20to%20shine%2C%20but%20we%20do%20want%20it%20to%20be%20consistent.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E-John%20Jansen%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1154153%22%20slang%3D%22en-US%22%3ERe%3A%20Title%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1154153%22%20slang%3D%22en-US%22%3EThis%20issue%20depends%20on%20users%20preference.%20Personally%20I%20like%20how%20its%20now%2C%20normal%20size%20on%20windowed%20mode%2C%20a%20bit%20smaller%20when%20maximized%2C%20I%20hated%20when%20title%20bar%20was%20big%20in%20windowed%20mode%20(however%2C%20I%20would%20use%20it%20on%20touch%20devices).%20I%20can%20understand%20that%20it%20maybe%20hard%20for%20some%20users%20to%20click%20smaller%20buttons%20in%20maximized%20mode.%3CBR%20%2F%3E%3CBR%20%2F%3EMy%20suggestion%20would%20be%20to%20introduce%20settings%20for%20size%20of%20title%20bar%20or%20buttons%20(or%20both)%20for%20different%20window%20modes.%20Of%20course%2C%20it%20needs%20consideration%2C%20but%20that%20way%2C%20I%20believe%2C%20we%20can%20be%20more%20inclusive%20and%20deliver%20more%20customizable%20experience%20to%20users.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1154207%22%20slang%3D%22en-US%22%3ERe%3A%20Title%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1154207%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F443546%22%20target%3D%22_blank%22%3E%40Alex_R3%3C%2FA%3E%26nbsp%3Byeah%2C%20we%20like%20the%20idea%20of%20customization%20here.%20We've%20proposed%20that%20it%20be%20up%20to%20the%20developer%20who%20is%20writing%20the%20PWA%20to%20decide%20on%20the%20Title%20Bar%2C%20as%20explained%20here%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FMicrosoftEdge%2FMSEdgeExplainers%2Fblob%2Fmaster%2FTitleBarCustomization%2Fexplainer.md%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FMicrosoftEdge%2FMSEdgeExplainers%2Fblob%2Fmaster%2FTitleBarCustomization%2Fexplainer.md%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EBut%20I%20do%20want%20to%20make%20sure%20we%20are%20data%20driven%20about%20the%20defaults%20for%20times%20when%20there%20is%20no%20manifest%20to%20tell%20us%20what%20to%20do%2C%20or%20times%20when%20a%20developer%20leaves%20out%20the%20customization%20section%20of%20the%20manifest.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E-John%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1154443%22%20slang%3D%22en-US%22%3ERe%3A%20Title%20Bar%20Height%20of%20Apps%2C%20when%20maximized%20is%20wrong%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1154443%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3Ethe%20thing%20is%2C%20when%20the%20top%20bar%20was%20initially%20small%2C%20like%20it%20is%20now%2C%20nobody%20complained%20to%20make%20it%20bigger%2C%20but%20once%20you%20made%20it%20bigger%20for%20a%20period%20of%20time%20and%20then%20made%20it%20small%2C%20Again%2C%20some%20people%20complain%20it's%20not%20big%20now%20so%20it's%20wrong.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20don't%20know%20what%20are%20the%20principles%20for%20these%20situations%20in%20Edge%20team%20to%20follow%2C%20you%20just%20provide%20more%20options%20in%20the%20settings%20for%20user%3F%20the%20settings%20page%20would%20be%20full%20of%20trivial%20settings%20then.%3CBR%20%2F%3Etoday%20it%20was%20top%20bar%20in%20PWA%2C%20maybe%20next%20time%20something%20else%2C%20say%20for%20example%20the%20shape%20of%20bookmarks%20change%20to%20triangles%2C%20and%20there%20will%20be%20definitely%20some%20people%20who%20will%20like%20it%20and%20in%20case%20you%20change%20it%20back%2C%20they%20will%20complain%2C%20so%20Microsoft%20should%20have%20a%20firm%20stance%20of%20their%20own%20in%20these%20situations%2C%20right%3F%20I%20hope%20this%20makes%20sense%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Until recently the title bar of my Apps (normal Websites, that I installed as Apps) was OK. But about two weeks ago, the title bar became smaller (or thinner). This looks very ugly and is very annoying. Specifically, if the window is normalized, the title bar has the same height as before. But when maximized, the title bar gets thinner.

 

I have enough space on my screen. And I recently use the buttons on the title bar (most commonly Minimize and Close). It is really annoying, because now these buttons also got smaller.

 

I hope this will be fixed soon.

 

But maybe other people see it differently and like the smaller title bar. Or can this be configured?

 

5 Replies
Highlighted
Hi,
when the feature to install sites as apps was introduced, it originally had the thin top bar, after that, for a period of time, the top bar got thicker, but now it's back to its original state.

absolutely no functionality has been dropped nor reduced. the same thing and even more can be done now but with thinner top bar and it's the whole point of the minimal design for websites installed as app. the point is to make user feel like he/she is only interacting with the website, and not the browser, hence the name "app.
Highlighted

@MartinProhn thanks for reporting that!

We are doing a lot of work in that area right now, and I expect this is a regression. The height of the titlebar should not change between being maximized and not. I've logged that bug internally. 

 

We don't want it to be too tall because the app contents have to shine, but we do want it to be consistent.

 

-John Jansen

Highlighted
This issue depends on users preference. Personally I like how its now, normal size on windowed mode, a bit smaller when maximized, I hated when title bar was big in windowed mode (however, I would use it on touch devices). I can understand that it maybe hard for some users to click smaller buttons in maximized mode.

My suggestion would be to introduce settings for size of title bar or buttons (or both) for different window modes. Of course, it needs consideration, but that way, I believe, we can be more inclusive and deliver more customizable experience to users.
Highlighted

@Alex_R3 yeah, we like the idea of customization here. We've proposed that it be up to the developer who is writing the PWA to decide on the Title Bar, as explained here: https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/TitleBarCustomization/explainer.md

 

But I do want to make sure we are data driven about the defaults for times when there is no manifest to tell us what to do, or times when a developer leaves out the customization section of the manifest.

 

-John 

Highlighted
Hi,
the thing is, when the top bar was initially small, like it is now, nobody complained to make it bigger, but once you made it bigger for a period of time and then made it small, Again, some people complain it's not big now so it's wrong.

I don't know what are the principles for these situations in Edge team to follow, you just provide more options in the settings for user? the settings page would be full of trivial settings then.
today it was top bar in PWA, maybe next time something else, say for example the shape of bookmarks change to triangles, and there will be definitely some people who will like it and in case you change it back, they will complain, so Microsoft should have a firm stance of their own in these situations, right? I hope this makes sense