<div dir="ltr"><div>(via <a href="https://dolske.wordpress.com/2017/09/22/photon-engineering-newsletter-16/">https://dolske.wordpress.com/2017/09/22/photon-engineering-newsletter-16/</a>)</div><div><br></div><div><div class="entry-content">
<p>Time to get your groove on! It’s Photon Newsletter #<a href="https://www.youtube.com/watch?v=yGzgKCsrNHM">16</a>!</p>
<p>But first. Do you remember the <a href="https://www.youtube.com/watch?v=Gs069dndIYk">21st night of September</a>?
As of today (September 21st) Firefox 57 has passed its penultimate
milestone by entering Beta. This is a pretty big deal, as it means many
millions of users on Beta will soon experience all the awesomeness
that’s packed into 57. Note that Beta builds won’t actually go out until
next week, on the 26th. But if you’re running <a href="https://www.mozilla.org/en-US/firefox/developer/">Developer Edition</a>, we’ve already pushed out an early sneak-peek!</p>
<p>Did I mention that Developer Edition also got a snazzy new Firefox icon? It’s nice. And blue.</p>
<div><img class="gmail-wp-image-3511 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/firefox-logo-developer-edition.png?w=350&h=361" alt="firefox-logo-developer-edition" width="350" height="361"></div>
<p>The past week has been very busy as we’ve been doing a major burst of
bug triage, just to make sure we’re not missing any already-reported
critical issues. The front-end teams went through nearly 600 untriaged
bugs in just a few days! The good news is that we didn’t find anything
alarming, which matches up with our general impression that 57 is
shaping up to be a really solid release.</p>
<h2>Recent Changes</h2>
<div>Menus/structure:</div>
<div>
<ul><li>The Library panel now has a “<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1354536">Recent Highlights</a>” section, which shows recent bookmarks and history. There’s also a new <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1354532">Downloads subview.</a><br>
<img class="gmail-wp-image-3686 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/library.png?w=407&h=357" alt="library" width="407" height="357"></li><li>Re-landed the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397447">autohiding download button</a>,
this time with a pref to allow disabling the autohide behavior
(currently shown when clicking on it in Customize Mode). We think the
default behavior will work for most people – the Downloads button only
appearing when there are Downloads in the current session, and the
Downloads subview in the Library as the permanent location to access
your list of downloads. But this pref allow you to keep the old
Downloads button behavior. (This was backed out a few weeks ago, in part
due to confusion from not yet having the Downloads subview.)<br>
<img class="gmail-size-full gmail-wp-image-3684 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/dlhide.png?w=474" alt="dlhide"></li><li>Added <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1388589">hover states</a> to the page action items when in the urlbar, as well as for <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397395">the bookmark star.</a></li><li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1395743">More</a> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396053">changes</a> to the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397501">ordering of the page action items</a> (hopefully we’re done tweaking this now!)</li><li>Contributor Maya Messinger made the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1387846">hamburger menu’s Print item</a>
directly invoke the print dialog, instead of opening print preview mode
first (on Windows and Linux; macOS already did this). Maya also tweaked
the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1398305">ordering of the library menu</a>. Thanks for the patches!</li><li>Updated the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1374749">panel animations</a>, which now make subviews appear to “push” content aside, instead of sliding over it.</li><li>The overflow panel now has <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1374315">rounded corners on macOS</a><br>
<img class="gmail-wp-image-3673 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/screen-shot-2017-09-21-at-11-28-17-pm.png?w=358&h=140" alt="Screen Shot 2017-09-21 at 11.28.17 PM" width="358" height="140"></li><li>Made the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1388180">overflow panel look nicer in customize mode</a>.</li><li>Unified the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1388167">styling of various panel footers</a>, which had been slightly different.</li><li>Fixed an issue involving keyboard navigation and the search box in the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1390336">overflow panel</a>, and an issue with alignment of the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397754">account header of the hamburger panel</a></li><li>Bugfix for an problem where the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1386745">bookmarks panel appeared in the wrong place</a>.</li><li>Fixed an issue that sometimes prevented removing <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1393574">flexible spaces</a></li><li>Fixed <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1395284">several</a> minor <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396438">issues</a> with screenshots (recently landed in Nightly, but has been in the screenshots repo a while).</li><li>Fixed an issue where the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1400024">hamburger menu closed prematurely</a>.</li><li>Fixed a bug causing the the urlbar and search box to <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397278">increase in size when typing</a></li><li>Made the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1398549">title bar and drag space checkboxes</a> in Customize mode readable when using a dark theme.</li><li>Fixed the display of the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1392066">stop/reload buttons when placed in the overflow menu</a>.</li></ul>
</div>
<div>Animation:</div>
<div>
<ul><li>Investigation is ongoing into <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397092">bug 1397092,</a> where a user has reported an interesting case of high cpu usage possibly caused by the new tab loading indicator</li><li>The tab loading indicators are now <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1394985">synchronized</a>, so when multiple tabs are loading the “bouncing balls” move left and right in unison.<br>
<img class="gmail-size-full gmail-wp-image-3693 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/sync.gif?w=454" alt="sync" width="454" height="182"></li><li>The Animation team is shifting focus to help with polish bugs in the
Visual Redesign and Menus/structure areas, as most remaining animation
bugs are lower priority.</li></ul>
</div>
<div>Preferences:</div>
<div>
<ul><li>All P1 bugs landed – MVP feature-complete!</li><li>Added a setting to bring back the search box. With 57 it won’t be
added to newly created profiles, but can be restored through Customize
Mode. By adding additional preferences UI we hope to make is as easy as
possible to get it back for anyone wondering where it went.<br>
<img class="gmail-alignnone gmail-size-full gmail-wp-image-3668" src="https://dolske.files.wordpress.com/2017/09/searchprefs.png?w=474" alt="searchprefs"></li><li>Did a UI review, and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1398050">landed a batch of polish fixes</a> to address a number of minor issues found.</li><li><a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1400117">Deferred the loading of some information</a> to improve the amount of time it takes to open the main Preferences page.</li></ul>
</div>
<div>Visual redesign:</div>
<div>
<ul><li>We’re feature complete with <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1349552">Add Setting for More Window Drag Space</a>
having landed! This introduces a “Drag Space” checkbox to the bottom of
Customize Mode. Enabling it adds a bit of extra space to the top of the
window, so that people used to dragging windows via the titlebar will
have an easier time. (You can still use the drag space to the left or
right of the tab strip for this, and that space is not affected by this
setting.)<br>
<img class="gmail-alignnone gmail-size-full gmail-wp-image-3679" src="https://dolske.files.wordpress.com/2017/09/dragspace1.gif?w=454" alt="dragspace1" width="454" height="228"></li><li>Updated the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1363051">visuals and copy</a> of the about:blocked phishing/malware page.<br>
<img class="gmail-size-full gmail-wp-image-3690 gmail-aligncenter" src="https://dolske.files.wordpress.com/2017/09/trap.png?w=474" alt="trap"></li><li>The padlock icons used in the urlbar and site identity panels were <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1390511">inconsistently shaped</a>.</li><li>Fixed a bug that caused the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396178">crashed-tab icon to overlap tab text</a>.</li><li>The <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1395596">bookmarks toolbar was slightly changing height</a> in Customize mode, causing page content to shift up and down when switching tabs.</li><li>Toggling the “Show accent color on titlebar” OS setting (Windows 10) was <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1379269">sometimes not being immediately</a> picked up by Firefox (we needed a restart), it is now detected live.</li><li>On macOS, the window control “traffic lights” were <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397401">not quite vertically centered</a>.</li><li>Also on macOS, the window titlebar (when enabled) was <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1392219">unreadable with dark themes</a>.</li><li>Made the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396530">height of the search field consistent</a> across the different sidebars.</li><li>A <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1388699">number</a> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1391593">of</a> <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1389966">fixes</a> to the bookmarks toolbar appearance.</li><li>The awesomebar dropdown was <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1393406">1 pixel too high</a> on macOS.</li></ul>
</div>
<div>Onboarding:</div>
<div>
<ul><li>Tour notifications now <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1395480">end after 2 weeks</a>.</li><li>Icons now <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1394731">change color on mouse hover</a>.</li><li>The <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1394730">UITour highlight is now cleaned up</a> during tour navigation and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397701">after skipping tours</a>.</li><li>Additional support for <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1371543">screenshots in UITour</a></li><li>The <a href="https://github.com/mozilla-services/screenshots/issues/3411">https://sceenshots.firefox.com/#tour page</a> now uses UITour to highlight the Screenshots page action.</li><li>Updated the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396734">tour notification font weight</a></li><li>Tweaked the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396477">onboarding speech bubble shadow style</a> in RTL.</li><li>The <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1398987">onboarding close button was invisible in the black high-contrast mode</a> on Windows</li><li>Updated the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1399693">onboarding Firefox icon</a> to the better quality SVG version</li><li>Made the <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1399983">onboarding Firefox icon</a> stay in the upper-right, instead of scrolling with the page.</li><li>When the tour has been skipped, the Firefox icon changes to <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1392475">a “watermark” version</a> per new specs</li></ul>
</div>
<div>Performance:</div>
<div>
<ul><li>Fixed a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1379587">white flash in the content area</a> when opening new tabs and new windows, which made things look janky.</li><li>Separately, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1391293">fixed a flickering in the awesomebar results</a> when updating search suggestions.</li><li>We had to <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1394455">disable tab warming</a>
when hovering tabs, because it caused more regressions than we are
comfortable fixing for 57. We are now planning to ship this significant <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1397426">perf improvement in 58</a>.</li><li>Our <a href="http://astithas.com/perm/photon-perf/">dashboards</a> show very good wins on all things we measure when comparing 55 to 57. Eg. startup is about 50% faster in 57 than it was in 55!</li><li>Not planning any further significant performance work for 57, to
avoid risk of causing regressions. We are starting to look at what
improvements can go into 58/59, and where we should put performance
efforts in the longer term.</li></ul>
<p>That’s all for now. There are only a few more weeks for us to do more
polish work in 57 Beta, so there will probably only be a few more
Engineering Newsletters as well. (But fear not, there’s been such
positive response to these newsletters that we’ll likely continue them
post-Photon in some form.)</p>
</div>
</div></div></div>