Skip to main content

Changelog

Each release of MWF has a set of Release Notes available that describe all of the new features implemented and fixed bugs. These are dynamically generated in this "changelog" and are maintained on this site.

MWF Changelog

Release Notes: v1.24.0

Changed

  • [component] Video player: updates video player to support lazy load, closes #11973252

Fixed

  • [component] Dialog: fixes issue where dialog width sometimes went out of screen bounds and addresses the lightbox close button sometimes being obscured by the lightbox content, closes #11919581
  • [component] Navigation menu: fixes titles for nav menu and div menu examples, closes #12215674

Release Notes: v1.23.0

New

  • [core] MWF: adds a new helper class to align content with the UHF, closes #11658807
  • [component] Drawer: adds publishing of expanded state change event, closes #11952150
  • [component] Navigation menu: adds example with inline hyperlinks, closes #12093676
  • [component] Pivot: adds option to include a glyph in the pivot, closes #11937613
  • [component] Universal header: adds the Edge promo banner to the Universal header, closes #9896770
  • [module] Banner: adds the ability to add a checkbox to the content of a banner, closes #11860717
  • [module] Hero item: adds the ability to add a checkbox to the content of a hero item and disallow the sloppy click of a hero item, closes #11860691
  • [module] Immersive hero item: adds support for two calls to action, closes #12195609
  • [module] Mosaic: adds new pattern to meet new design scenarios (pattern 11), closes #11667719

Changed

  • [core] MWF: updates to the latest version of the font package and includes new glyph - filter, closes #11713627
  • [core] MWF: removes heading components included in modules in favor of placing heading modules in their stead, closes #11573129
  • [core] MWF: updates headings to bold on hero, content placement items, and product placement items and adds new heavyweight option to heading module, closes #12056206
  • [component] Checkbox: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Combo: adds aria-autocomplete attribute to combo input for accessibility requirements, closes #11935766
  • [component] Combo: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Content toggle: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Datetime picker: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Dialog: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Drawer: removes deprecated init method and associated dependencies, closes #11551321
  • [component] File: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Flyout: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Mosaic placement: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Pivot: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Refine menu: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Search: updates the shape to support accessibility requirements by moving role=combobox and aria-expanded to the parent, changing the role of the input to searchbox, and changing aria-autocomplete to list, closes #11935766
  • [component] Select button: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Select menu: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Slider: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Table: updates aria-live region to use assertive as some screen readers do not adequetly support 'polite', closes #12090110
  • [component] Table: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Toggle: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Tooltip: removes deprecated init method and associated dependencies, closes #11551321
  • [component] Video player: updates video player to support hotkeys to seek video and change volume, closes #12142252
  • [component] Video player: updates video player to use session storage to store states instead of cookies, closes #12212406
  • [module] Alert: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Auto suggest: changes typescript to support aria-expanded on the form instead of the input, closes #11935766
  • [module] Back to top: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Compare chart: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Content placement: changes 4-up multi-row placement to stack at vp3, closes #12057355
  • [module] Device actions: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Feature: updates spacing between features to be 48px instead of 0, closes #12246069
  • [module] Hero item: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Page bar: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Pagination: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Product placement: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Social: removes deprecated init method and associated dependencies, closes #11551321
  • [module] Supplemental navigation: removes deprecated init method and associated dependencies, closes #11551321

Fixed

  • [core] MWF: fixes missing refresh icon class, closes #11783951
  • [core] MWF: aligns heading style for multi feature to be the same as feature at VP3, closes #11918877
  • [component] Carousel: fixes an issue where transition animations were incorrect when localized, closes #12131832
  • [component] Checkbox: fixes an issue where inline checkboxes would extend beyond the viewport by allowing them to wrap at VP1, closes #12103365
  • [component] Combo: fixes the example titles in the code and preview section, closes #12165844
  • [component] Label: fixes issue with label being desplayed as block-level by default, closes #11523082
  • [component] Menu: fixes an issue where menu items are removed instead of submenu, closes #12256554
  • [component] Menu: fixes an issue where sub-menu overlaps code on mwf website, closes #12173608
  • [component] Pivot: fixes pivot support for multiple ids in aria-controls value, closes #12097444
  • [component] Radio: fixes spacing between inputs and increases spacing when a sibling is itself or a checkbox, closes #11955581
  • [component] Slider: fixed aria-label not set on slider thumb, closes #12176594
  • [component] Slider: fixes visibility in high contrast white, closes #12176698
  • [component] Universal header: fixes transparent dark mobile theme on default page file, closes #12245507
  • [component] Universal header: fixes branded link background hover color, closes #11904044
  • [component] Universal header: fixes the Edge promo banner margin issues, closes #12147323
  • [component] Universal header: fixes Edge promo banner overlapping UHF header when transparent dark, closes #11990412
  • [component] Universal header: fixes Flipper contrast needs to be corrected to meet accessibility requirements, closes #12268037
  • [component] Video player: fixes controls should not show when trigger enabled, closes #12121214
  • [component] Video player: fixes issue with social icons not rendering in OneRF module, closes #11620372
  • [component] Video player: fixes volume slider not collapsing on mute, closes #11696729
  • [component] Video player: fixes tooltip not showing on keyboard navigation, closes #12142247
  • [component] Video player: fixes volume slider to be accessible via keyboard, closes #11580048
  • [component] Video player: fixes player menus to support keyboard arrow keys, closes #11790898
  • [component] Video player: fixes video sliders not showing focus indication, closes #12125581
  • [component] Video player: fixes aria-label on mute/unmute button, closes #12146019
  • [component] Video player: fixes trigger play button contrast on focus state, closes #12176742
  • [component] Video player: fixes missing roles on menu button and menu items, closes #12176892
  • [component] Video player: fixes expanded/collapsed state not set to menu/submenu buttons, closes #12176902
  • [component] Video player: fixes keyboard focus not returning to play/pause button on closing menu, closes #12176942
  • [component] Video player: fixes menu item focus to loop on up/down arrow key press, closes #12179877
  • [component] Video player: fixes tab focus to remain on player controls when in player is in fullscreen, closes #12185434
  • [module] Banner: fixes position of image in banner and updates code examples, closes #11770896
  • [module] Feature group: fixes an issue where the feature group background was not correct in alt themes, closes #11702063
  • [module] Hero item: fixes an issue where an incorrect percentage was varying the background image size, closes #12093043
  • [module] Hyperlink group: fixes an issue where the vertical distance between the heading and links was incorrect, closes #11812381
  • [module] Hyperlink group: fixes the test config and pages to allow test hooks, closes #11961995
  • [module] Immersive hero item: fixes an issue where the content image flashes full size before being properly sized, closes #11434963
  • [module] Multi feature: fixes an issue where images were above tablists and sequence indicators preventing users from interacting with the content, closes #11332820
  • [module] Multi feature: fixes an issue where the content area had incorrect widths at viewports 1 and 2, closes #11921262
  • [module] Page bar: fixes an issue where pagebar was not centered and restricted to the container sizes at high resolutions, closes #11798634
  • [module] Persona: fixes an issue where the clickable area for linked text extended beyond the text itself, closes #12173609
  • [module] Product placement item: fixes an issue where the explicit component repositioning could cause performance issues, closes #12043920
  • [module] Video trigger: fixes an issue where focus was not being correctly discarded after clicking the anchor, closes #12192481

Release Notes: v1.22.3

Changed

  • [component] Universal header: updates the mobile menu color system to support dark transparent theme and alt page variants, closes #12145761
  • [component] Universal header: updates the Me Control shape and styling to ensure consistency alignment, closes #12043896

Release Notes: v1.22.2

Fixed

  • [component] Dialog: fixes an issue where dialog appends itself to body again when child component updates it's DOM, closes #11620362
  • [component] Rating: fixes keyboard behavior in Firefox, closes #12078058
  • [component] Video player: fixes background color for letter boxing video, closes #12029475
  • [component] Video player: fixes height of interactive overlay, closes #12005904

Release Notes: v1.22.1

New

  • [component] Badge: adds default styling without background and new options for accent and custom color, closes #12028493
  • [module] Multi feature: adds align right option, closes #10487187
  • [module] Product placement item: adds flex-sizing treatment option, closes #11493867
  • [module] Product placement: adds flex layout option, closes #11493867
  • [module] Video trigger: adds video trigger module, closes #11753700

Changed

  • [component] Content toggle: adds the ability to use refine items as content and fixes height calculation when using lists, closes #11456047

Fixed

  • [core] MWF: fixed an issue for hero showing an unwanted background during carousel transition, closes #11750801
  • [module] Product placement item: fixes an issue where the explicit component should not get cut off when in the heading, closes #11818826

Release Notes: v1.22.0

New

  • [component] Action menu: adds checkbox support using the role of menuitemcheckbox, closes #11226939
  • [component] Badge: adds a responsive badge option, closes #11092350
  • [component] Button: adds new option for primary style buttons, closes #11776140
  • [component] Dialog: adds style that puts indeterminate progress indicator at the top of the dialog, to match windows styling of indeterminate progress indicator in a dialog, closes #11294411
  • [component] Divider: updates code examples to show dividers with padding options, closes #11302047
  • [component] Flyout: adds the beak option to flyout, closes #11345662
  • [component] Navigation menu: tweaks several styles and updates code examples to show best practices, closes #11818731
  • [component] Range slider: addresses several accessibility concerns with range slider, including input and aria associations, closes #11102631
  • [component] Select button: added a schema for select button component, closes #11380769
  • [component] Select: adds the f-scroll functionality to select and adds behavior to move the select option list to above the trigger button when it collides with the bottom of the viewport, closes #10954984
  • [component] Table: adds new hover/focus treatments to sort buttons and adds content for screen readers to improve accessibility, closes #11948585
  • [module] Area heading: adds new option for navigation links, closes #11868475
  • [module] Auto suggest: adds auto-suggest schema, closes #11422013
  • [module] Persona: adds the persona module, closes #11250255
  • [module] Review: adds review as a new module, closes #11092474
  • [module] Split reveal: adds split reveal as a new module, closes #11740436
  • [module] System requirements: adds single column option, closes #9227725

Changed

  • [core] MWF: updates video options in content placement, feature, and hero item to use the new ambient video, closes #11948542
  • [core] MWF: aligns brand neutral gray values to the latest from Microsoft Brand, closes #8442875
  • [component] Hyperlink: updates default rest state with text underline to only apply within the context of paragraph or caption text, closes #11869148
  • [component] Link navigation: updates to allow for two lines before truncating, closes #11557960
  • [component] Table: changes the default overflow property from visible to auto to handle small viewports and overflow scenarios, closes #10249633
  • [component] Toggle: changes span font size to 15px, closes #11786952
  • [component] Universal header: removes 4 deprecated classes from HTML shape as part of cleanup steps, closes #11696774
  • [component] Universal header: updates the multicolumn active rendering layout, closes #11441163
  • [component] Video player: updates video player to add performance markers in telemetry, closes #11390858
  • [component] Video player: updates video player to provide customization of closed captions settings, closes #11381824
  • [component] Video player: updated video player to support interactive overlays, closes #11941868
  • [component] Video player: updates to add player trigger for non autoplay video, closes #11901976
  • [module] Feed hero item: updates default to include subheader at vp1 & vp2, and adjusts header/subheader font-size at vp1 & vp2, closes #11667719
  • [module] Product placement item: moves tv season info from a separate section below the image to metatext within the default content region, closes #11494083

Fixed

  • [core] MWF: fixes an issue where lightweight call to actions were misaligned when centered inside certain modules, closes #11732978
  • [core] MWF: fixes issue where screen readers narrate entire content of the content placement item's first wrapping anchor tag, closes #11953910
  • [component] Badge: fixes badge text to no whitespace wrap and show ellipsis, closes #11092309
  • [component] Call to action: fixes specificity fragility by ensuring that hover background color is set, closes #11226227
  • [component] Carousel: fixes an issue in Microsoft high contrast modes where flippers were not clearly visible, closes #11948552
  • [component] Carousel: fixes the issue where the slide animation direction is wrong in wrapping scenarios on carousels with two slides, closes #11750850
  • [component] Content toggle: fixes content toggles per instance more/less string values and display state initialization, closes #11818519
  • [component] Content toggle: fixes content toggling for lists in IE, closes #11506869
  • [component] Datetime picker: fixes an where the component was missing a border, closes #11786878
  • [component] Datetime picker: fixes an issue where incorrect color variables prevented color swapping for alt themes, closes #11507176
  • [component] Dialog: fixes an issue where buttons inside dialog had inconsistent focus rects, closes #11750598
  • [component] Dialog: fixes vertical scrollbar not disappearing when dialog resized tall enough, closes #11738201
  • [component] Explicit: fixes an issue where border was not showing up in alt themes, closes #11877810
  • [component] File: fixes the cursor to be type pointer on the input element, closes #10748781
  • [component] Flipper: fixes an issue where incorrect color mappings were causing issues on alt themed pages, closes #11791699
  • [component] Navigation menu: fixes hover color issue found in alt theme, closes #11861950
  • [component] Rating: fixes interactive behavior to keep user's rating on blur, closes #11740022
  • [component] Rating: fixes spacing on read-only variant to better match deprecated version, closes #11648678
  • [component] Refine menu: fixes refine menu issue with scrolling to the top of the page on click, closes #11751088
  • [component] Search: fixes the type of JS bundle to use on the page, closes #11792174
  • [component] Select menu: fixes an issue where the trigger with border text did not align with menu items, closes #10436252
  • [component] Text field: fixes visibility of focus in password auto focus example, closes #11645766
  • [component] Text field: fixes an issue where pattern was not included in the input markup, closes #11645766
  • [component] Universal header: fixes the type of JS bundle to use on the page, closes #11792174
  • [component] Universal header: fixes issue with menu paddle position conflict for partners, closes #10919770
  • [component] Universal header: fixes link color on transparent dark themed global menus, closes #11774288
  • [component] Universal header: fixes alignment overflow issue with mobile search close button, closes #11134230
  • [component] Universal header: fixes category logo image alignment, closes #11710877
  • [component] Video player: update video player scss to avoid the ul, li element style overwritten by parent site css, closes #11313907
  • [component] Video player: updates video player scss to handle object tag with silverlight, flash player enabled in azure media player, closes #11724080
  • [module] Auto suggest: fixes no search result and border colors for dark and light themes, closes #11713916
  • [module] Content placement item: fixes an issue where hyperlink was not being underlined on image hover as required by design, closes #11750950
  • [module] Device actions: fixes an issue where text colors were incorrect on alt theme, closes #11728149
  • [module] Feature: fixes an issue where the module height was being extended beyond its bounds, causing layout issues, closes #11667767
  • [module] Feed hero: fixes an issue where schema was missing, closes #11421781
  • [module] Heading: fixes an issue where hyperlink was not clickable when pairing a heading with a content placement module, closes #11742969
  • [module] Histogram: fixes spacing issue for comma-notated numeric values preferred in some locales (i.e. 4,2 instead of 4.2), closes #11694030
  • [module] Image intro: fixes an issue where the use of min-width was causing non-visible overflow issues in IE11 and Edge browsers, closes #11812758
  • [module] Immersive hero item: fixes an issue where content was displayed off screen in rtl locales, closes #11725764
  • [module] Multi feature: fixes an issue where pivot flippers appeared in the wrong location on smaller viewports, closes #11908379
  • [module] Multi hero: fixes an issue to remove tabpanel when list items are not acting as a tabpanel, closes #11332851
  • [module] Multi hero: fixes an issue where schema was missing, closes #11421781
  • [module] Page bar: fixes PageBar not correctly handling the teardown/update cylce on DOM changes, closes #11862281
  • [module] Persona: fixes issue in RTL where image was not being transformed correctly, closes #11641033
  • [module] Persona: adjusts vertical alignment and font-size of name, closes #11719136
  • [module] Product placement item: fixes an issue where the 'clean' option was only removing the image border on hover and focus, closes #10639814
  • [module] Skip to main: fixes an issue in RTL pages where the page width was being expanded due to the styles only supporting LTR regions, closes #11551055

Release Notes: v1.21.2

Fixed

  • [component] Universal header: fixes cart alignment conflict with older MWF bundles, closes #11834943

Release Notes: v1.21.1

Fixed

  • [component] Universal header: fixes text color issues with transparent theme, closes #11693898

Release Notes: v1.21.0

New

  • [component] Text field: adds visual styling support for input types of telephone and url, closes #11153337
  • [module] Ambient video: adds context-set-motion-limited behavior to ambient video module, closes #9582649
  • [module] Auto suggest: adds theme light and theme dark support, closes #11540697
  • [module] Content placement: adds an example of multi-row content placements, closes #11333401
  • [module] Content rich block: adds default styling to

    inside of .context-ucx to match c-paragraph-3, closes #11429957

  • [module] Footer: created the footer module, closes #11250249
  • [module] Navigation bar: adds an developer page example of swapping logo text for a SVG, specifically for Xbox and Windows only, closes #11250340
  • [module] Navigation bar: adds navigation bar module, closes #11250243

Changed

  • [core] MWF: updates to the latest version of the font package which includes new subtitle glyph, closes #11584011
  • [core] MWF: updates to the latest version of the font package and includes three new glyphs (completed, feedback, and waffle), closes #11317196
  • [core] MWF: adds the ability to request a brand style from the dev-toolbar, closes #10693219
  • [core] MWF: changes the way the toolbar closes, choosing a hidden state over a removed one, closes #10693353
  • [core] MWF: updates readonly version of ratings component within other components/modules/pages to new lightweight shape, closes #11158598
  • [core] MWF: removes UHF components from MWF output CSS file, closes #8958047
  • [module] Feature channel: adds support of movies, handles large titles by setting the width in the same way as it's done for paragraphs, closes #10744914
  • [component] Hyperlink: changes default rest state of hyperlink to include underline for better accessibility, closes #11143080
  • [component] Pivot: replaces header element with a div for tablist area to provide better support for screen reader users, closes #11312168
  • [component] Toggle: adds pub/sub support, closes #11250580
  • [component] Video player: updates video player to show spinner when video is buffering, closes #11381764
  • [module] Content placement item: adds the ability to use a hyperlink instead of a call to action, closes #11227032
  • [module] Content placement: changes 4-up placement to stack at vp3, closes #11446606
  • [module] Content placement: adds the ability to use a hyperlink instead of a call to action, closes #11227032
  • [module] Pagination: updates hover, focus, and active states, closes #11572016

Fixed

  • [core] MWF: fixes an issue with the dev-toolbar and language selection, closes #11310821
  • [core] MWF: fixes an issue where aria hidden was preventing screen readers from reading headings with link option correctly, closes #11114713
  • [component] Action menu: fixes an issue an incorrect color variable was causing accessibility issues on alt themes, closes #11380586
  • [component] Checkbox: fixes an issue where checkbox label text was too small, closes #11399153
  • [component] Checkbox: fixes an issue where the text alignment was slightly off-center with the input, closes #11392211
  • [component] Dialog: fixes an issue where the lightbox close button was not visible within the lightbox, closes #11382964
  • [component] Dialog: fixes an issue by scoping dialog styles to ensure they do not interfere with components within it, closes #11304784
  • [component] Glyph: fixes an issue where contact glyph was not able to be referenced, closes #11607361
  • [component] Menu: fixes an issue where menu background colors were incorrect on light and dark themes when using the alternative stylesheet, closes #11407731
  • [component] Pivot: fixes an issue where pivot header clicks didnt properly handle descendents, closes #11381779
  • [component] Pivot: fixes an issue where the focus state was still present after being clicked, closes #11428936
  • [component] Pivot: fixes an issue where light and dark theme colors and focus states were incorrect, closes #11382958
  • [component] Radio: fixes an issue where caption does not align with the radio button label above it, closes #10520629
  • [component] Radio: fixes an issue in IE browsers where there was too much space between the input and text, closes #11384081
  • [component] Range slider: fixes an issue where margin was not being applied between the inputs and the slider, closes #11434417
  • [component] Rating: fixes spacing below read-only component to match deprecated version, closes #11594033
  • [component] Rating: fixes an issue where aggregate ratings were incorrectly applied to all instances of the component, closes #10801693
  • [component] Select menu: fixes an inability for users to have keyboard interactivity in IE10 or older, closes #11565872
  • [component] Select menu: fixes menu positioning if there is not enough space to render normally, closes #11111540
  • [component] Select: fixes an issue where on light and dark themes, a background was overlaying the component, closes #11363194
  • [component] Select: fixes an issue where the label inside the component was doubling the top-margin, closes #11571828
  • [component] Tooltip: fixes an issue where a minimum width was set which caused extra space to show up with small strings, closes #11407423
  • [component] Universal header: fixes top spacing to restrict to only transparent version, closes #11608316
  • [component] Universal header: fixes truncated shopping cart count, closes #11098966
  • [component] Universal header: fixes multicolumn menu fade animation, closes #10977226
  • [component] Video player: fixes autoplay not working when video controls are disabled, closes #11536967
  • [component] Video player: fixes mapping for missing locales, closes #11538983
  • [component] Video player: fixes option menu items to use buttons, closes #11568961
  • [component] Video player: fixes issues with playback on IE9, closes #11506832
  • [module] Alert: fixes an issue where action triggers were misaligned in low viewports, closes #11344580
  • [module] Alert: fixes an issue where long strings would cause action triggers to move outside the module instead of reflowing as expected, closes #11367168
  • [module] Auto suggest: fixes issue with backward compatible constructor parameter being misinterpreted causing f-auto-suggest-scroll not to work, closes #11384128
  • [module] Auto suggest: fixes issue with user input being lost when user arrows into suggestion list and back again to the input box, closes #9795013
  • [module] Feed hero item: fixes an issue where the hover and focus states were missing text underline, closes #11322445
  • [module] Heading: fixes an issue where the optional hyperlink was not aligned to the baseline of the heading, closes #11571563
  • [module] Hero item: fixes an issue where subheading was showing truncated text at VP4 and above, closes #10567112
  • [module] Immersive hero item: fixes an issue where image and text were not fading in as expected, closes #11395310
  • [module] Page bar: fixes an issue where the module was not correctly aligned to UHF, closes #11537286
  • [module] Panes: fixes reflow and layout issues in Safari, iOS, and IE10 browsers, closes #11318011
  • [module] Supplemental navigation: fixes a clearing issue that existed when the module was not nested in a grid, closes #10834148

Release Notes: v1.20.2

Fixed

  • [component] Video player: fixes content error on chrome on disposing and reloading player, closes #11350889
  • [module] Compare chart: fixes issue where the JavaScript behavior would not consistenly bind to the DOM and fail to run, closes #11321702

Release Notes: v1.20.0

New

  • [component] Store spacers: adds store spacers as a new component, closes #11197626
  • [component] Datetime picker: adds the ability to localize the AM and PM meridien, closes #8998851
  • [component] Pivot: adds all responsive and mobile functionality, closes #7395868
  • [component] Video player: adds support for playback speed, closes #10943812
  • [component] Video player: adds support for social sharing, closes #10943855
  • [module] Ambient video: adds ambient video as a new module, closes #9582649

Changed

  • [core] MWF: increases color-contrast of accent color across MWF, closes #10678443
  • [component] Flyout: changes flyout shape to support a tooltip and dialog version, with appropriate markup, for better accessibility, closes #9926303
  • [component] Rating: updates read-only version of component to streamlined shape for performance benefit, closes #10962763
  • [component] Universal footer: changes section to div for W3C validation, closes #11103734
  • [component] Universal footer: changes headings from h4 to h6 for better accessibility, closes #10880816
  • [component] Universal header: removes 2 pixel dropdown underline on dropdown open, closes #10895430
  • [component] Universal header: removes 2 pixel menu underline on branded global dropdown menus, closes #10895536
  • [component] Universal header: adds underline on hover to branded global links, closes #10895624
  • [component] Universal header: changes category menu to 50 pixels tall at all viewports, closes #10895665
  • [module] Panes product placement item: updates design by changing padding, font weight, and font size, closes #10788759
  • [module] Product placement: deprecates the heading within the module in favor of adding a heading module above for consistency, closes #11193052

Fixed

  • [component] Action toggle: fixes multiple identical glyphs in all glyphs section problem, closes #10934545
  • [component] Datetime picker: fixes visibility of datetime picker selection on high contrast mode, closes #10945938
  • [component] Dialog: fixes scroll issues with flow dialog, closes #11020165
  • [component] Dialog: fixes content overlap with flow dialog, closes #11020240
  • [component] Drawer: fixes an issue where items inside a drawer which is initialized as collapsed were getting focus, closes #10918142
  • [component] Image: fixes an issue where optional padding classes were not being applied to the picture element because of a missing display property, closes #11028080
  • [component] In page navigation: fixes the visibility of the bottom border of the nav on high contrast mode, closes #10958031
  • [component] Menu item: fixes visibility of menu item on high contrast mode, closes #10943441
  • [component] Metatext: fixes an issue with text legibility by replacing text opacity with a solid hex value, closes #11183655
  • [component] Price: fixes issue where screen reader was reading price twice, closes #10880599
  • [component] Price: moves prices to right on high contrast settings, to reveal missing half of '$' symbol, closes #10941843
  • [component] Progress: fixes visibility of indeterminate progress animations on high contrast mode on Edge browser, closes #10958175
  • [component] Rating: fixes wrong itemtype issue in rating component, closes #10801693
  • [component] Select button: fixes an issue where the focus state was overriding the selected state, causing the button to look unselected, closes #11205465
  • [component] Sequence indicator: fixed visibility of sequence indicator on high contrast black-on-white mode, closes #10935035
  • [component] Slider: fixes all high contrast issues in slider, closes #11011493
  • [component] Slider: fixes invisible sliders on high contrast settings in Edge browser, closes #10946461
  • [component] Table: fixes alignment of price heading in table, closes #10941970
  • [component] Table: fixes an issue where schema attribute of itemList was incorrectly added by default, closes #11110527
  • [component] Text action: fixes text action component visibility on high contrast mode, closes #10946644
  • [component] Toggle: fixes toggle visibility on high contrast mode on Edge browser, closes #10947142
  • [component] Universal footer: fixes an issue where text and link opacity were causing legibility issues, closes #11156995
  • [component] Universal footer: fixes an issue where characters were wrapping instead of full words in links, closes #11018552
  • [component] Universal header: fixes misaligned shopping cart icon on iPads, closes #10991563
  • [component] Video player: fixes video controls not hiding when switching from core player to 3pp, closes #10943892
  • [component] Video: fixes function of settings button in video controls, closes #10521001
  • [component] Video: fixes visibility of volume slider in video component on high contrast mode in Edge browser, closes #10942087
  • [module] Alert: fixes an issue where glyphs on alert were blurred and not recognizable, closes #11067233
  • [module] Auto suggest: fixes issue with suggestion list disappearing in certain cases, closes #10639946
  • [module] Compare chart: fixes issue with excessive DOM manipulation degrading browser performance and spiking the CPU, closes #10958210
  • [module] Content placement item: fixes overlap of call to action borders on high contrast mode, closes #10984391
  • [module] Hero item: fixes an issue where call to action was misaligned in viewport 1, closes #11199311
  • [module] Immersive hero: fixes an issue where animations were causing hero images to not be visible on IE9., closes #10203509
  • [module] Pagination: fixes issue with pagination rectangles drawing outside of their content box, closes #10012104
  • [module] Product placement item: fixes issue with price moving to below image on product placement item small, closes #10166417
  • [module] Ratings and reviews: fixes an issue where long usernames overlap the user's comment, closes #11076680
  • [module] System requirements: fixes tables to use caption and row headers, closes #11040815

Release Notes: v1.19.0

New

  • [component] Action menu: adds action menu as a new component, closes #10305624
  • [component] Drawer: adds an example of a simple drawer with text content, closes #10680934
  • [component] Drawer: adds responsive drawer to core, closes #9255743
  • [component] Navigation menu: adds navigation menu component, closes #10305630
  • [component] Range slider: adds TypeScript bindings file for behaviors, closes #10889482
  • [component] Rating: adds TypeScript bindings file for behaviors, closes #10889482
  • [component] Universal header: adds call to action with image in category menu, closes #10733694
  • [component] Video player: adds base class for telemetry reporters, closes #9129910
  • [component] Video player: adds jsll telemetry reporters, closes #9129919
  • [component] Video player: adds localization support to video player, closes #10234519
  • [component] Video player: adds support to switch between mutliple quality video, closes #9129934
  • [component] Video player: adds support to generate player dom client side when not provided by partner, closes #10234535
  • [module] Highlight feature: adds option of f-lean, closes #10556920

Changed

  • [component] Age rating: changes age rating esrb image needs to be 56 wide, closes #10825740
  • [component] Breadcrumb: adds responsive behavior, closes #7818517
  • [component] Breadcrumb: changes direction of delimiter from \ to / while maintaining RTL mirroring functionality, closes #10127611
  • [component] Carousel: changed having multi and single slide carousel code co-mingled and duplicated carousel code in other modules. Carousel is now deprecated an either MultiSlideCarousel or SingleSlideCarousel should be used in its place, closes #8865684
  • [component] Dialog: updates flow dialog to have a max width of 640px, closes #10729283
  • [component] Dialog: adds the ability to hide arbitrary areas of content from screen readers when the dialog is being shown, closes #9926277
  • [component] Pivot: changed Pivot to implement IController, closes #8865684
  • [component] Sequence indicator: changed SequenceIndicator to implement IController, closes #8865684
  • [component] Tooltip: alters the tooltip template to allow the code examples to show the triggering element, closes #10143181
  • [component] Universal header: changes c-menu-item component dependency to reduce fragility and override complexity, closes #10210942
  • [component] Universal header: changes c-menu component dependency to reduce fragility and override complexity, closes #10209720
  • [component] Universal header: changes select-menu component dependency to reduce fragility and override complexity, and streamlines selectors to improve performance, closes #10209720
  • [component] Universal header: update UHF multicolumn shape and update CSS, closes #10286951
  • [component] Universal header: update UHF multicolumn adding media queries, closes #10724682
  • [component] Video player: updates the player to add support to show native contols on mobile devices, closes #9129500
  • [component] Video player: updates the player to detect current environment, closes #9129492
  • [component] Video player: updates the player to maintain 16:9 aspect ratio, closes #10674705
  • [module] Feed hero item: refactored to extend from hero-item-base (new script dependency), inherits sloppy click functionallity now, closes #10747274
  • [module] Heading: deprecates select menu option and replaces with new option using action menu, closes #10563477
  • [module] Hero item: refactored to extend from hero-item-base (new script dependency), closes #10747274
  • [module] Immersive hero item: refactored to extend from hero-item-base (new script dependency), inherits sloppy click functionallity now, closes #10747274
  • [module] Multi hero item: refactored to extend from hero-item-base (changed script dependency), closes #10747274

Fixed

  • [core] MWF: fixes expection thrown by customEvent method on IE9 and above, closes #10447023
  • [component] Action toggle: adjusting glyph alignment, closes #9590215
  • [component] Age rating: fixes age rating image cropping issue, closes #10804732
  • [component] Button: removes unused TypeScript code, closes #10889482
  • [component] Call to action: fixes an issue where absolute positioning on the after element was causing issues in certain layouts, closes #10572886
  • [component] Carousel: fixes an issue where an autoplaying carousel will play while a CTA inside of a slide is focused, closes #10301857
  • [component] Choice summary: fixes issue with hover state being off due to change in action trigger margins, closes #10803201
  • [component] Choice summary: restrict hover and focus states to only the actionable part of component, closes #9925726
  • [component] Dialog: updates behavior on mobile viewports, closes #10575805
  • [component] Dialog: fixes an issue where dialog was respecting window width in IE at small viewports, closes #10557138
  • [component] Dialog: fixes dismission interaction model for each dialog type., closes #10409204
  • [component] Drawer: fixes an issue where drawer would always initialize as open regardless of aria-expanded state, closes #10663368
  • [component] Flyout: fixes issue with flyout focus incorrectly being reset when the browser viewport size changes, closes #10893053
  • [component] Flyout: fixes behavior so flyout gets focus when it's shown and focus reverts back to the opening button when it's hidden, closes #9269864
  • [component] Glyph: fixes the missing search glyph, closes #10751289
  • [component] Pivot: fixed Pivot to support nested Pivots, closes #10629345
  • [component] Radio: fixes an issue where captions were misaligned, closes #10574856
  • [component] Radio: fixes an issue where items were extending outside their content area, closes #10548903
  • [component] Rating: fixes cursor for non-interactive ratings, closes #10521709
  • [component] Refine item: fixes issue where single select did not receive the close glyph, closes #10803405
  • [component] Select menu: fixes focus issues while running NVDA and JAWS, closes #10436252
  • [component] Slider: fixes issue where value and aria-valuenow attributes were getting set to invalid values (eg, 00:12), closes #10071720
  • [component] Text action: fixes the missing search option, closes #10751289
  • [component] Universal header: fixes mobile f-current highlighting, closes #10728045
  • [component] Universal header: fixes click focus states for UHF service, closes #9358805
  • [component] Universal header: fixes hover color on links in mobile, closes #10798065
  • [component] Universal header: fixes issue with links not stacking in mobile, closes #10728045
  • [component] Universal header: fixes issue with focus treatments in uhf menus in desktop, closes #9574345
  • [component] Universal header: fixes issue with focus treatments in uhf menus in mobile, closes #9580298
  • [component] Universal header: fixes product family text color in auto suggest, closes #8995345
  • [component] Video player: fixes video not showing in high contrast mode when close captioning is displayed, closes #10445879
  • [component] Video: fixes hiding the trigger paragraph on narrow video components, closes #8998213
  • [module] Alert: fixes an issue where margins on call to actions and glyphs were causing incorrect alignments, closes #10676530
  • [module] Alert: fixes contrast between text and background, closes #10679326
  • [module] Heading: fixes pivot anchors to be disabled when heading is disabled, closes #9589611
  • [module] Histogram: fixes an issue where histogram was extending outside its container causing issues with page margins at low viewports, closes #10571334
  • [module] Immersive hero item: fixes issue with initial image fade in for IE and Edge., closes #10518721
  • [module] Multi feature: fixes issue with missing left/right padding for text on smaller viewports, closes #10676313
  • [module] Skip to main: fixes contrast between text and background, closes #10591607

Release Notes: v1.18.0

New

  • [core] MWF: adds a helper class of x-offset-content to provide a way to align content correctly to the content grid, closes #10192065
  • [component] Blockquote: adds component, closes #9745223
  • [component] Combo: adds an example of combo that can be nested in a form, closes #10145677
  • [component] Drawer: adds option to add divider to default drawer, closes #10191887
  • [component] Label: adds label elements to example that include inputs to ensure proper accessibility, closes #10205158
  • [component] Link navigation: adds an option to allow for left aligned text links, closes #10133966
  • [component] Metatext: adds example using em, closes #9925935
  • [component] Pivot: adds aria-selected attributes to pivot tab elements to enhance accessibility, closes #10187321
  • [component] Universal header: adds site wide promo banner, closes #10166219
  • [component] Video player: adds capability to play ism format using azure media player, closes #9129521
  • [module] Action bar: adds module, closes #8540088
  • [component] Image: adds the ability for image module to have a caption, closes #9925802

Changed

  • [core] MWF: adds text underline to focus states of button, call to action, and heavyweight action triggers, closes #10123209
  • [core] MWF: updates customEvent method in htmlExtensions to support passing event name as string, closes #10285623
  • [component] Action toggle: accessibility updates including adding tooltip to glyph-only examples, closes #9925737
  • [component] Action trigger: accessibility updates adds tooltip to glyph-only examples, closes #9925737
  • [component] Badge: replaces the span tag with the more semantically meaningful strong tag, closes #9925772
  • [component] Breadcrumb: changes ul to ol for better semantic meaning, closes #10127611
  • [component] Call to action: changes aria-label text format and makes the attribute optional, closes #10213524
  • [component] Dialog: changes position of lightbox close button, closes #9583097
  • [component] Image: removes the ability to have an aria-label based on new accessibility guidance, closes #9925868
  • [component] Price: changes discounted price to better work with screen readers by removing aria-label on the strikethrough, and adding the appropriate text to a x-screen-reader span, closes #9926197
  • [component] Rating: updated shape for accessibility to allow focus states to have the same visual design as hover, closes #9926204
  • [component] Select menu: improved accessibility and screen reader support, closes #9926312
  • [component] Structured list: updates the shape to allow for ordered and unordered lists for better accessibility , closes #9926245
  • [component] Universal header: changes hyperlink component dependency to reduce fragility and override complexity, and streamlines selectors to improve performance, closes #9782544
  • [component] Video player: updates player to support playing video using diffent technologies (html5 for mp4 and AMP for ism), closes #9129453
  • [module] Hyperlink group: updates hyperlink group content placement images to better match the intended reflow and remove inconsistencies, closes #9188047
  • [module] Product placement item: adds the f-clean option to remove the outline on image hover, closes #10154532

Fixed

  • [core] MWF: fixes an issue where focus states were incorrect on multi-hero and feed-hero items, closes #10409042
  • [core] MWF: fixes an issue where the placeholder text was too light on input fields, closes #10033105
  • [core] MWF: fixes an issue transpiling keycodes.ts in partner projects, closes #10251499
  • [component] Action toggle: fixes an issue where the default color did not match the spec, closes #10031910
  • [component] Action toggle: fixes alignment issue in carousel, closes #10165459
  • [component] Action toggle: fixes glyph alignment in edge/IE, closes #9590215
  • [component] Age rating: fixes size of ESRB (Entertainment Software Rating Board) image to 68px square., closes #10129158
  • [component] Carousel: fixes an issue where the touch swipe not working when a user swipes diagonally, closes #9234177
  • [component] Choice summary: fixes an issue where Internet Explorer is inferring styles on before elements, closes #9943957
  • [component] Combo: fixes tabbing through the combo without making a selection, closes #10145677
  • [component] Combo: fixes alt theme list item hover color to white, closes #10145477
  • [component] Datetime picker: fixes horizontal alignment of picker items, closes #10401728
  • [component] Datetime picker: makes focus states more visible, closes #10144038
  • [component] Datetime picker: replace use of aria-checked attribute with aria-selected to improve accessibility, closes #9926817
  • [component] Flyout: fixes behavior so flyout hides when the escape key is pressed, closes #9137054
  • [component] Select: removes unnecessary height restriction on c-select class, closes #10143312
  • [component] Select: fixes select to fallback to values when ids are missing, closes #10380948
  • [component] Table: updates table to improve accessibility, including adding headers attributes and creating an aria-live region to announce sorting changes, closes #9926259
  • [component] Text field: fixes overflow issue found on iPhone 5 viewports, closes #10413754
  • [component] Textarea: fixes overflow issue found on iPhone 5 viewports, closes #10413421
  • [component] Universal header: fixes issue with mobile menu hover state, closes #10210559
  • [component] Universal header: fixes issue with category menu focus color, closes #10232875
  • [component] Universal header: fixes IE8 issue with search box too narrow/dark, closes #10076358
  • [component] Universal header: fixes issue with broken menus in no-js scenario, closes #9510374
  • [component] Video: fixes the video fullscreen button on IE/Edge, closes #10140686
  • [module] Auto suggest: fixes issue with suggestion positioning getting reset by parent components, closes #10444495
  • [module] Banner: removes extra margin on blockquote element, closes #10225257
  • [module] Feature group: fixes an issue where features within the module did not align to the content grid per the spec, closes #10108165
  • [module] Feed hero: fixes an issue where the module was not spanning the full width of the screen, closes #10298565
  • [module] Media gallery: fixes an issue where the focus and active states for the play trigger were visually broken, closes #10135181
  • [module] Panes: fixes an issue where older browsers were not recognizing the flex property shorthand references, closes #10354379

Release Notes: v1.18

Fixed

  • [module] Hero item: fixes issue with pointer cursor showing when hero-item not sloppy clickable, closes #10381444

Release Notes: v1.17.2

Fixed

  • [module] Hero item: fixes issue with touch events being double-counted, closes #10229083
  • [module] Hero item: fixes issue with middle-mouse click and right-mouse click being treated like a left-mouse click, closes #10229332

Release Notes: v1.17.1

Fixed

  • [component] Pivot: fixes an issue with pivot setting focus when the pivot behavior is first initialized, closes #10163224

Release Notes: v1.17.0

New

  • [component] Action trigger: adds heavyweight style as a new option, closes #9745220
  • [component] Button: adds new option of f-flex to have the text box snap to the full width of the container, closes #9283760
  • [component] Checkbox: adds pub-sub to checkbox, closes #9925647
  • [component] Divider: adds a new subdivider option, closes #9725282
  • [component] Drawer: adds option to remove divider from responsive drawers, closes #9745233
  • [component] Heading: adds the classes f-initial-baseline-large and f-initial-baseline-small to allow disparate heading components to align via baseline when in columns next to each other, closes #9745235
  • [component] Label: adds example of label working within a form with the proper HTML shape, closes #9776101
  • [component] Range slider: adds component, closes #9681422
  • [component] Select menu: adds f-accent option to enable accent-themed select menus, closes #9725357
  • [component] Text action: adds the text action component which involves a text field and a glyph corresponding with the intended action, closes #9725342
  • [module] Feature: adds an option to set aspect ratio for the entire module to limit flash of content on load, closes #9821314
  • [module] Feed hero item: adds new module consisting of an image, heading, and subheading, that can be of dark and light theme, closes #10073492
  • [module] Feed hero: adds new module consisting of a group of feed heroes that carousel, closes #10073492
  • [module] Multi hero item: adds new module, closes #9360331
  • [module] Multi hero: adds new module, closes #9360331

Changed

  • [core] MWF: updates heading and subheading to have regular font weight when under 20 pixels, closes #8498383
  • [core] MWF: updates hover and focus states for call to actions, buttons, social, and heavyweight action triggers, closes #9813204
  • [component] Call to action: updates lightweight call to action to allow for longer strings before truncation, closes #9300342
  • [component] Pivot: updates the focus state styles to be closer to Windows guidance, closes #8687538
  • [component] Text field: adds label component to pass validation and enhance accessibility, closes #9955849
  • [module] Feed hero: changes higher end viewport imagery to 16:6 ratio and updates padding accordingly, closes #10107082
  • [component] Image: numerous accessibility updates, closes #9925042
  • [module] Panes: updates module styles for compatibility in IE 10/11, closes #9851912
  • [module] Product placement item: fixes regression found in focus outline, resolving it solid accent outline as prescribed by the focus standards, closes #9859052

Fixed

  • [component] Action toggle: fixes foreground on hover to have accessible contrast, closes #9769423
  • [component] Checkbox: adds aria-checked to checkbox to pass validation, closes #9925647
  • [component] Checkbox: fixes issue with focus rectangle incorrectly appearing on mouse cick, closes #9435953
  • [component] Combo: fixes dropdown width in IE9, closes #10145159
  • [component] Datetime picker: fixes issue with focus state rectangles mistakenly appearing on click, closes #9435982
  • [component] File: adding label for validation and better accessibility, closes #9926999
  • [component] Flyout: fixes flyout loading issue because of slow binding of JavaScript, closes #9784463
  • [component] Group: fixes IE9 issue where product placements inside group did not wrap, closes #10146473
  • [component] Menu item: removes invalid aria-selected attribute from elements with the menuitemradio role, closes #9927452
  • [component] Rating: changes button type to submit for interactive rating components to pass validation - all forms require a submit button, closes #9450573
  • [component] Sequence indicator: fixes issue found in high contrast mode where the background color was being overridden improperly, closes #9564643
  • [component] Sequence indicator: fixes issue with focus rectangle incorrectly appearing on mouse click, closes #9435739
  • [component] Universal header: fixes issue with border not showing on auto-suggest, closes #8995120
  • [component] Universal header: fixes issue with inconsistent styling of language toggle and streamlines menu selector output, closes #9385952
  • [component] Universal header: fixes issue with focus rectangle disappearing from global menus when using the keyboard to expand the menu, closes #9751765
  • [component] Video: fixes validation error resulting from the legend element not being a direct child of the fieldset element, closes #9461874
  • [module] Additional information: fixes issue where horizontal scroll bars were appearing on IE 10, closes #8691057
  • [module] Alert: fixes the vertical alignment of the glyphs, closes #9179940
  • [module] Compare chart: fixes issue where there was extra spacing after badge and above heading, not enough space after price, and the heading text wraps too early, closes #9627310
  • [module] Hero item: fixes clicking in non call-to-action area of hero item and adds pub/sub support for hero-item clicked notification, closes #9607222
  • [module] Hero item: fixes various issues with touch and tapping/clicking not working in non-MSFT browsers, closes #10065767
  • [module] Hyperlink group: fixes an issue where unsupported styles were not being applied adding extra top padding in Internet Explorer, closes #9620078
  • [module] Immersive hero item: fixes issue with image resize on vertical browser resize, debounce image resize function., closes #9896629
  • [module] Immersive hero item: fixes an issue where certain styles were not being applied correctly on small viewports in Internet Explorer, closes #9620097
  • [module] Multi feature: fixes an issue where focus would accidentally be set and potentially scroll the browser when the multi-feature first initializes, closes #9791675
  • [module] Multi feature: fixes an issue where image pivots did not have a focus state, closes #9589525
  • [module] Panes: fixes issue with the max width of images causing unwanted behavior when rendering in viewports 4-6, closes #10012003
  • [module] Search help: fixes an issue where certain styles were not being applied in Internet Explorer, closes #9620158
  • [module] Skip to main: fixes an issue where the module was not overlaying the UHF, closes #9771160
  • [module] Social: fixes heading sizes, text placement, and spacing., closes #9640378
  • [module] Supplemental navigation: fixes hover state of buttons, closes #9749208

Release Notes: v1.16.0

New

  • [core] MWF: adds lightweight options to call to action and button components, closes #9510034
  • [component] Action trigger: adds phone glyph as a new option, closes #9710798
  • [component] Action trigger: adds chat bubbles glyph as a new option, closes #9711101
  • [component] Divider: adds new options to provide vertical padding, closes #9718778
  • [component] Image: adds new options to provide left/right padding to images, closes #9736737
  • [component] Radio: adds support to include a brief description with radio, closes #9718909
  • [component] Table: adds support to use checkbox component within table data, closes #9636081
  • [component] Video player: adds video player component which supports mutliple players, closes #9463718
  • [component] Video player: adds player factory to instantiate players, closes #9557250
  • [component] Video player: adds mwf player by pick the code from c-video from core, closes #9557329
  • [component] Video player: adds base class to support third party players, closes #9129876
  • [component] Video player: adds support for youtube player, closes #9129886
  • [module] Immersive hero item: adds fade-in animations to foreground content to improve loading experience and remove flash of content, closes #9582778
  • [module] Page bar: adds responsive behavior to buy box, in-page, and link navigation, closes #7909932
  • [module] Panes product placement item: adds the panes product placement item module, consisting of a placement containing imagery, text, price, rating, and call to action, closes #9452578
  • [module] Panes: adds the panes module, consisting of several placement patterns containing imagery, text, price, rating, and call to action, closes #9452578
  • [module] Product placement: adds functionality to automatically insert a contextual placeholder image (SVG) when a default product placement image fails to load, closes #8647479

Changed

  • [core] MWF: updates textarea and text field components flex option to fill the full width of their container, closes #971876
  • [core] MWF: increases font weight for pivots in components, multi-feature and heading modules, closes #9734362
  • [component] Datetime picker: adds pub/sub for onDateTimeChanged, closes #9583097
  • [component] Dialog: adds onShown and onHidden notifications to IDialogSubscriber, closes #9583097
  • [component] Text field: updates default width to match combo component, closes #9718749
  • [component] Universal header: made edge promo banner show on windows 10 and non-edge browsers, closes #9672680
  • [component] Video player: updates player to read metadata and options from data attributes, closes #9129308
  • [module] Feature group: changed call to action color to accent color, closes #9590310
  • [module] Skip to main: changed dotted outline on focus state to be visible, closes #9574492

Fixed

  • [component] Carousel: fixes tracking item focus and show/hiding flippers in gallery mode, closes #9545488
  • [component] Dialog: fixes a continuous update loop on IE10, closes #9743448
  • [component] In page navigation: fixes the sticky option behavior in IE, closes #8467649
  • [component] Link navigation: fixes an issue where there was not enough space between items when multiple rows existed, closes #9180206
  • [component] Select button: fixes hover state of select buttons, closes #9450854
  • [component] Select: fixes border being added by default; border will only be added when f-border class is present alongside c-select class, closes #9589448
  • [component] Table: fixes table column tabbing to follow perceived order instead of source order, closes #9450034
  • [component] Universal header: fixes issue with long category menu items covering submenu chevron, closes #9403155
  • [component] Universal header: fixes issue with submenu alignment (1px), closes #9578578
  • [component] Universal header: fixes issue with submenu positioning when menu appears to the left, closes #9208316
  • [component] Universal header: fixes issue with blurry microsoft logo, closes #9564142
  • [component] Universal header: fixes issue with no border on search box at VP3, closes #9406621
  • [component] Universal header: fixes issue with CTA text color on transparent header, closes #9226593
  • [component] Universal header: fixes issue with chevrons wrapping on global menus, closes #9402889
  • [component] Universal header: fixes issue with left right padding at vp3 and lower, closes #9312594
  • [module] Feature: fixes in issue where call to action focus state was incorrect and inaccessable on dark backgrounds, closes #9564198
  • [module] Histogram: fixes focus treatment for histogram, closes #9582461
  • [module] Multi feature: fixes an issue where the active content did not update on swipe, closes #9679430
  • [module] Supplemental navigation: fixes the button focus state styling in supplemental nav, closes #9259895

Release Notes: v1.15.0

New

  • [component] Pivot: adds keyboard support for using left/right arrow keys to move between pivot tabs, closes #9450192
  • [component] Universal header: adds Edge promotional banner, closes #9360764
  • [module] Highlight feature: adds option to use ambient video as a background, closes #9453015

Changed

  • [component] Flyout: overhauls flyout placement algorithm to better handle flyouts nested inside positioned elements, closes #8614790
  • [module] Feature: removes 'Microsoft' name from label and logotype on logo, closes #9444452

Fixed

  • [component] Carousel: fixes an issue where the flipper arrows do not work when screen width is less than the width of the content, closes #9260013
  • [component] Carousel: fixes an issue where the carousel can scroll beyond the end of the single slide content if the content width changes due to carousel resizing, closes #9502030
  • [component] Combo: fixes WCAG 2.0 AA accessibility issues, closes #9305853
  • [component] Refine menu: fixes WCAG 2.0 AA accessibility issues regarding duplicate id's, closes #9305853
  • [component] Search: fixes WCAG 2.0 AA accessibility issues regarding missing title attribute, closes #9305853
  • [component] Tooltip: fixes WCAG 2.0 AA accessibility issues regarding missing title attribute, closes #9305853
  • [component] Universal header: fixes issue with extra margin at vp5 and higher, closes #9443655
  • [component] Universal header: fixes issue with global menu positioning in mobile viewports, closes #9109809
  • [component] Universal header: fixes issues with focus states being clipped, closes #9413370
  • [component] Video: fixes multiple WCAG 2.0 AA accessibility issues, closes #9305853
  • [module] Additional information: fixes WCAG 2.0 AA accessibility issues regarding duplicate id's, closes #9305853
  • [module] Auto suggest: fixes WCAG 2.0 AA accessibility issues regarding missing alt tags, closes #9305853
  • [module] Feature: fixes call to action text to be black on light backgrounds, closes #9186988
  • [module] Hero item: updates vp3/vp4 hero content block layouts to narrow them so they don't overlap so much of the image, closes #9360141
  • [module] Multi feature: fixes an issue where the flipper arrows do not work when screen width is less than the width of the content, closes #9260013
  • [module] Multi feature: fixes the controls not working via mouse click in Firefox, closes #9470310
  • [module] Rich heading: fixes WCAG 2.0 AA accessibility issues regarding long alternate description, closes #9305853
  • [module] Rich heading: fixes issue of the image being squeezed at mobile breakpoints, closes #9179936
  • [module] Search results: fixes WCAG 2.0 AA accessibility issues regarding duplicate links, closes #9305853
  • [module] Social: fixes an issue where text was misaligned in horizontal layouts, closes #9462687
  • [module] Social: fixes an issue where high contrast mode was causing images to not be visible, closes #9337782
  • [module] Social: fixes misspelled alt text on icons, closes #9444515

Release Notes: v1.14.0

New

  • [core] MWF: applies variable to base Sass for UHF selector reduction, closes #8724147
  • [component] Action toggle: adds new action-toggle component, closes #8443790
  • [component] Carousel: adds pub/sub support so subscribers can receive slide change notifications, closes #8094624
  • [component] Pivot: adds pub/sub support so subscribers can receive change notifications, closes #8218176
  • [component] Select: adds f-border to generated select-menu and also adds support for f-flex, closes #8974527

Changed

  • [component] Drawer: changes opacity of button text from 60% to 100% opacity, closes #8468855
  • [component] Subheading: updates padding for subheadings to match design requirements, closes #7904859

Fixed

  • [component] Combo: fixes undesired window scrolling when clicked, closes #9101130
  • [component] Mosaic placement: fixes an issue where padding was causing call to actions to truncate too quickly, closes #9234701
  • [module] Auto suggest: fixes products with white on transparent PNGs not showing in products section, closes #8102040
  • [module] Product placement: fixes an issue where the picturefill dependency was removed causing a regression in browsers without picture element support, closes #9299909
  • [module] Supplemental navigation: fixes the focus state missing on supplemental nav and add keyboard support for expanding collapsed items on code examples, closes #9179883
  • [module] Supplemental navigation: fixes the focus state missing on supplemental nav and add keyboard support for expanding collapsed items, closes #9259895

Release Notes: v1.13.0

New

  • [component] Button: anchors with role='button' will now emit a click event when the user presses the spacebar on the element, closes #8525079
  • [component] Link navigation: adds aria-labelledby attribute to the nav element, and an id to the heading element, to assign as the nav element's accessible name, closes #8525491
  • [component] Universal header: adds language selector to global navigation, closes #8708015
  • [component] Universal header: adds subtle outline around menus when they are open, closes #8027599
  • [component] Universal header: adds support for multi-column menus at the category-2 level, closes #8664026
  • [component] Video: adds ability for video component to display an error message, closes #8122027
  • [module] Banner: adds quotes to heading and image, closes #8353810
  • [module] Image intro: adds image intro as a new module, closes #8320245

Changed

  • [component] Carousel: updates multi-slide carousels with tab/tabpanel roles to enhance accessibility, closes #8525649
  • [component] Choice summary: updates component shape to use an anchor instead of a button per accessibility standards, closes #8790072
  • [component] Combo: updates several items to improve accessibility including: changing the aria label text to be more descriptive, adding the role combobox to the input element, adding the role button to the button, adding the role listbox to the ul element, switching the aria hidden attribute to the aria expanded attribute on the ul element, and adding the role option to the list items, closes #8525110
  • [component] Datetime picker: Updates shape and script to better support keyboard focus and screen readers, closes #8525126
  • [component] Image: changes handlebars files to check for f-pad option, closes #9007551
  • [component] In page navigation: changes active link with a high contrast ratio, closes #8333142
  • [component] Progress: changes display of progess in IE8 and IE9 to none, closes #6989902
  • [component] Select menu: updates select and select-menu to be more accessible by adding tabindex of 0 to the trigger, the list, and the spans on select, adding role listbox to the menu in select, adding role option to the list items in select; updates typescript to handle accessible keyboard keycodes across select and select menu, closes #8776622
  • [component] Slider: updates several items to improve accessibility including: adding the aria-valuemin, aria-valuemax, aria-valuenow, and aria-valuetext role=slider to the slider button; allowing for more robust keyboard support including: home to go to slider min, end to go to slider max, page up to increase by double the step, and page down to decrease by double the step; providing more descriptive labels and aria values, closes #8884803
  • [component] Text field: updates disabled and read only versions with aria label and aria hidden, closes #8525366
  • [component] Universal header: updates Microsoft logo to align with global link baseline, closes #8976671
  • [component] Universal header: changes top spacing to 12px on vp6 or greater, 8px on vp5, and 0px for less than vp4, closes #8821295
  • [component] Universal header: changes breakpoint for shorter category nav to the start of viewport 4, closes #8822290
  • [component] Universal header: changes category label size to be 24px semilight in all viewports, closes #8822359
  • [component] Video: changes video background to be transparent, closes #8793309
  • [module] Auto suggest: updates all buttons below content-placement-items to be vertically aligned, closes #9092435
  • [module] Hyperlink group: removes maxlines and increases top and bottom padding, closes #8889522
  • [module] Ratings and reviews: changes ratings, reviews & histogram to a max-width of 800px, closes #8142673

Fixed

  • [core] MWF: fixes an issue where c-paragraph-4 recieved too much top padding, closes #8735969
  • [component] Universal footer: fixes spacing between bottom links and the language selector, closes #8938783
  • [component] Universal footer: fixes an issue where the footer text had the potential to overlap in languages with long words, closes #8042518
  • [component] Universal header: fixes mobile menu items being hidden as menus were pushed below viewport, closes #8579053
  • [component] Video: fixes tracking and volume sliders in RTL, closes #8981742
  • [component] Video: fixes video menu to support RTL locales, closes #8407867
  • [module] Additional information: fixes an issue where additional padding was being added to the module height by the heading component, closes #8276883
  • [module] Multi feature: removes border around multi-feature images, closes #9090604
  • [module] Multi feature: fixes spacing issues on paragraphs and headings, closes #9090732
  • [module] Ratings and reviews: fixes an issue where words would overflow beyond the page margin instead of breaking onto a new line, closes #8440128
  • [module] Supplemental navigation: fixes the links without child items to be selectable, closes #7891517

Release Notes: v1.12.0

New

  • [core] MWF: adds immersive hero item and immersive hero as new modules, closes #7909787
  • [component] Action trigger: adds new option to align action trigger with content that is above or below, closes #8807250
  • [component] Checkbox: adds an aria-label to input for improved accessibility on screen readers, closes #8525092
  • [component] Heading: adds new lean option to remove top padding from heading, closes #8734866
  • [component] Image: adds new options to provide vertical padding to images, closes #8734774
  • [component] Price: adds option of large to price component, closes #8775111
  • [component] Select menu: adds new option of f-flex to allow select-menu to fill the width of its container, closes #8776622
  • [component] Universal header: adds the f-current class to delineate the active menu item, closes #8549597
  • [component] Universal header: updates Microsoft logos with new image assets, closes #8737329
  • [module] Email sign up: adds the email sign up module, which consists of a drawer, a text field, a submit button, a hyperlink, and a checkbox, closes #8430053
  • [module] Feature group: adds feature group as a module, consisting of an area heading and any number of features beneth it, closes #8527192
  • [module] Highlight feature: adds highlight feature as new module, closes #8527288
  • [module] Multi feature: adds a new multi-feature module for displaying features with additional content, closes #8527201

Changed

  • [component] Flipper: removes title attribute from flipper for accessibility standards, closes #8609500
  • [component] Radio: updates the template to use fieldset, legend, and aria-label to enhance the experience of screen-reader users, closes #8525271
  • [component] Refine menu: changes markup to provide an intuitive interface for screen readers, closes #8525533
  • [component] Search: removes title attribute from input for accessibility requirements, closes #8525503
  • [component] Select button: updates select button to use aria-labelledby and aria-live properties for better accessibility when activating buttons, closes #8525297
  • [component] Select menu: updates select menu to close when the last item on the list is tabbed off, removes redundant aria-haspopup, closes #8525303
  • [component] Text field: changes style to include input type email, closes #8703495
  • [component] Universal header: changes lower level menu color and background differences between light and dark themes, closes #8790984
  • [component] Universal header: changes VFI contrast ratio to meet accessibility standards for all anchors and buttons, closes #8528329
  • [component] Universal header: changes the text size for the category label to remain consistent from vp4-vp6, closes #8722937
  • [module] Hero item: updates vertical spacing to match other modules when hero follows other modules, closes #8578011
  • [module] Hero item: removes darken effect on hover, closes #8377875

Fixed

  • [component] Menu item: fixes hover state on f-product spans, closes #8737292
  • [component] Universal header: fixes spacing between menu items to be exactly 48px, closes #8722898
  • [module] Compare chart: fixes issue where headings were not being displayed on view port 1, closes #8662054
  • [module] Hyperlink group: fixes an issue where hyperlink group in mosaic placement was not center aligned, closes #8703525

Release Notes: v1.11.0

New

  • [component] Breadcrumb: adds new parent nav element to unordered list for improved accessibility, closes #8525693
  • [component] Call to action: adds aria-label to emphasize link similar to using styles for sighted users, closes #8525594
  • [component] Image: adds the ability to have an aria-label for images requiring a more verbose description to promote accessibility, closes #8478668
  • [component] Video: adds focus states to trigger buttons, closes #8525063
  • [module] Hero item: adds option for use with transparent header, closes #8661390
  • [module] Skip to main: adds a skip to main module for accessibility; will be first item in DOM, closes #8629036

Changed

  • [component] Choice summary: updates accessibility by updating choice summary aria-label to describe what action is occurring and adding aria-live example and documentation, closes #8525008
  • [component] Content toggle: updates to hide more/less buttons on screen readersfor improved accessibility, closes #8525672
  • [component] Dialog: updates behavior to close dialog on button actions when not using lightbox option, closes #8382812
  • [component] Flipper: updates flipper to not output an aria-label if the flipper is hidden from screen readers, closes #8478668
  • [component] Mosaic placement: removes maxlines restrictions from heading and subheading, closes #8499959
  • [component] Tooltip: updates accessibility by removing the tab index and changing how the focus state is implemented, closes #8525071
  • [component] Universal header: updates color in transparent header to allow for usage on pages with white backgrounds, closes #8691756
  • [component] Universal header: removes max width from auto-suggest flyout to allow longer content in smaller viewports, closes #8571566
  • [component] Universal header: removes underline behavior in mobile from global and category main anchors and updates transparent theme colors, closes #8653029
  • [component] Universal header: updates hover and focus states of global navigation, transparent category navigation, and unbranded category navigation, closes #8549704
  • [component] Universal header: updates transparency in mobile viewport to match new design, closes #8478734
  • [component] Universal header: updates mobile viewport nav items to have consistent color behavior, closes #8631246
  • [component] Universal header: removes skip to main from header shape to resolve dependency issues, closes #8579059
  • [component] Universal header: updates category label so that the font-size reacts to viewport size, closes #8454694
  • [component] Universal header: updates spacing above header in higher viewports, closes #8478694
  • [component] Universal header: updates default, hover, focus, and active color of shopping cart to match the design, closes #8454155
  • [component] Universal header: updates search component styling in light and dark themes, closes #8453951
  • [module] Auto suggest: updates to use aria-owns, aria-activedescendant, aria-live, the role combobox and adds tabbing behavior to collapse dropdown, closes #8525566
  • [module] Back to top: updates example and guidance to have the id assigned to the first element inside the main content of the page, closes #8525572
  • [module] Content placement item: removes max-line enforcement. This will be handled by content curators, closes #8353357

Fixed

  • [component] Select menu: fixes issue where select-menu would not close when an item was selected, closes #8407191
  • [component] Universal header: fixes issue where auto-suggest displayed behind category navigation, closes #8684925
  • [component] Universal header: fixes issue for select-menus where the underline would extend under the down caret and would also persist while the menu was open, closes #8549704
  • [component] Universal header: fixes vertical and horizontal alignment of select menu chevrons, closes #8478806
  • [component] Universal header: fixes issue where the category nav label would not align with the Microsoft logo at VP6, closes #8375982
  • [module] Content placement item: fixes an issue causing heading text descenders to be clipped, closes #8536398

Release Notes: v1.10.0

New

  • [component] Refine menu: adds sublevel menus with expand and collapse functionality, closes #8403315
  • [component] Search: adds additional information for screen readers, closes #8301515
  • [component] Select: adds disabled state and required flag, closes #7050052
  • [component] Universal header: adds light and dark theme support, closes #8519553
  • [component] Universal header: adds a 'skip to main content' link in the global menu, only accessible via tabbing, for accessibility standards, closes #8286601
  • [component] Universal header: adds support for fixed top alert, closes #8377031
  • [component] Video: adds image overlay to video which when clicked, plays inline video, closes #8353791
  • [module] Area heading: adds area heading as new module, closes #7387885
  • [module] Feature: adds image priority option to feature giving a 65/35 split and taller height on image, closes #8232789
  • [component] Image: adds image as a new module, closes #8353753
  • [module] Social: adds better accessibility by updating typescript and HTML shape, closes #8301501
  • [module] Track list: adds track list module, closes #7892673

Changed

  • [core] MWF: removes Bootstrap references from examples and CSS, closes #7533226
  • [component] Action trigger: changed how role of button is applied to improve accesssibility, closes #8524924
  • [component] Tooltip: removes unneeded aria tags for accessibility, closes #8301476
  • [component] Universal header: optimizes CSS selectors for IE9 issue and performance improvements, closes #8222055
  • [module] Content placement item: decreases the heading size to match the updated design requirements, closes #8382111
  • [module] Feature: removes all maxlines restrictions, closes #8353272
  • [module] Feature: updates css and image sizes to allow for fixed aspect ratio, closes #8353847
  • [module] Hero item: updates hero typography sizes in viewports 5 and 6, closes #8122713
  • [module] Product placement item: removes max-line enforcement. This will be handled by content curators, closes #8353352

Fixed

  • [component] Universal footer: fixes an issue where the footer was not aligned with the new module padding spec, closes #8353838
  • [component] Universal header: fixes several small validation errors, closes #8454987
  • [module] Alert: removes max width from fixed alert from updated design, closes #8216399
  • [module] Multi column: fixes focus border overlapping across columns for hyperlink lists, closes #8117933
  • [module] Product placement item: fixes issue with heading padding on video placement when no badge is included, closes #8383808
  • [module] Product placement item: fixes issue where product placement item was inheriting styles when inside a carousel limiting max lines to one, closes #8378696
  • [module] Search results: fixes primary heading alignment, closes #8365831

Release Notes: v1.9.0

New

  • [component] Slider: adds a vertical option to slider, closes #8188712
  • [component] Universal header: slims down category menu at vp3 to have a height of 50px, closes #8053763
  • [module] Auto suggest: adds the product type for showing products in results, closes #8232728
  • [module] Content placement: fixes an issue where module had extra top margin when following the heading module, closes #8013722
  • [module] Structured list: adds structured list as a new module, closes #7978657
  • [module] Typographic intro: adds typographic intro as a new module, closes #7909876

Changed

  • [core] MWF: changes text on 'see all' links to 'show all, closes #7636866
  • [core] MWF: updates css browser prefix support to fix issues in iOS and Android browsers, closes #8221466
  • [module] Feature channel: moves title to overlay image, adds paragraph content, and aligns vp3 with vp4-6 layout style, closes #7978956
  • [component] Explicit: toggle from long version of word to shorter version on vp1, closes #7899955
  • [component] Refine item: updates a11y aria-controls attribute to target search results, closes #6896064
  • [component] Select menu: updates f-border to also support fieldset, closes #8121762
  • [component] Table: updates columns and adds col-break to seperate column groups, closes #7969241
  • [component] Video: restructure timecode markup for easier targeting of time, closes #8188654
  • [component] Video: adds data-attributes for localization and js targeting, closes #8188688
  • [module] Compare chart: removes heading from compare chart, closes #8301724
  • [module] Content placement item: updates the placement shape to make both the image and text clickable, closes #7888803
  • [module] Content placement item: adds badge option to template as detailed in the design spec, closes #8220561
  • [module] Content rich block: adds content toggle as an option, closes #8154129
  • [module] Hero item: changes content container width in centered layouts to allow for longer text strings before line breaks, closes #7700635
  • [module] Product placement item: updates images sizes and type sizes to meet new design spec and requirements, closes #7845197
  • [module] Social: updates support for .svg in IE10+ with .png fallback, closes #7478042

Fixed

  • [core] MWF: fixes an issue where content toggle was not rendering correctly in modules including age-gate, closes #8242339
  • [component] Dialog: updates lightbox to remove border, closes #8168987
  • [component] Pivot: fixes an issue with pivot navigating to links, closes #8088776
  • [component] Price: fixes an issue where itemprop was missing from certain component variations, closes #8316143
  • [component] Universal footer: fixes an issue where relative positioning caused the footer to be misaligned, closes #8182321
  • [component] Universal footer: removes hardcoded string in copyright to json, closes #8029619
  • [component] Universal header: fixes an issue with C1 links being hidden at mobile, closes #8183769
  • [component] Universal header: fixes an issue with the mobile menu changing the position of the header and background on scroll - the 'x-fixed' class should be placed on the body element while the mobile menu is open, and removed when closed, closes #8155896
  • [component] Universal header: closes same scrolling issue as #8155896, closes #7988642
  • [component] Universal header: fixes an issue with transparent header showing with a black background in IE8, closes #7841849
  • [component] Universal header: fixes an issue with mobile header being fixed to top, closes #8366500
  • [module] Auto suggest: fixes an issue where position was spelled wrong, closes #8208174
  • [module] Content placement item: fixes issue with active/a11y state of CTA button where outlined button was cut off from view, closes #7963159
  • [module] Histogram: fixes inaccurate numeric data for improved bar display percentages, closes #8143191
  • [module] Pagination: fixes issue where next and previous to be hidden in vp1, closes #8319595
  • [module] Product placement item: fixes issue with video placement and layout rendering in IE 11 and below, closes #8117122
  • [module] Product placement item: fixes an issue with context-artist where css was targeting the wrong item and breaking the UI, closes #8064483
  • [module] Rich heading: adds data-grid to fix module sibling presentation, closes #8300657

Release Notes: v1.8.0

New

  • [component] Menu: adds the option to make a menu scrollable, closes #7941732
  • [component] Select: progressively enhance select to use select menu when js is available, closes #7050052
  • [component] Textarea: adds f-flex option to textarea component, closes #8120372
  • [component] Universal header: updates theme colors, closes #8053053
  • [module] Banner: adds paragraph option and updates schema, closes #8101562
  • [module] Content rich block: adds option of having two, three, or four columns, closes #7898267
  • [module] Heading: adds option for including one or more pivot or select menu, closes #7978044

Changed

  • [core] MWF: updates vertical spacing for heading, paragraph, caption, select menu with border, and textarea and text-field components when inside a form, closes #8120336
  • [component] Choice summary: updates component button to allow for radio option UI, closes #7845315
  • [component] Content toggle: adds the ability to use any HTML element for content toggle, closes #7978271
  • [component] Content toggle: adds content toggle line number configuration, toggle state, and auto-hide behavior for minimal content, closes #7978296
  • [component] Refine menu: updates to allow for anchor tag option on DOM, closes #7993856
  • [component] Universal header: changes cart from button to anchor, closes #8084156
  • [module] Hero item: updates default functionality to include making the entire hero item clickable, closes #7888744
  • [module] Hero item: changes module to allow images to maintain a fixed aspect ratio instead of cropping, closes #7977003
  • [module] Hero item: updates default behavior to include opacity over the image when the hero item is hovered, closes #8062282
  • [module] Hyperlink group: updates layout rules to achieve flexible height, closes #7976654

Fixed

  • [core] MWF: fixes RTL vars where interpolation is not needed, closes #7969197
  • [core] MWF: fixes layout issues on banner, compare-chart, content-rich-block, and refinements caused by incorrectly applied data-grid container, closes #8053156
  • [core] MWF: fixes issue with margins on module test pages, closes #7904087
  • [component] Dialog: updates sass to remove interpolation dependency, closes #7969197
  • [component] Dialog: fixes issue with dialog background color and opacity, closes #7903737
  • [component] Dialog: updates z-index to fix an issue where the current universal header was overlaying the dialog component, closes #8059358
  • [component] Rating: moves inline rating strings to .json data, closes #7621108
  • [component] Toggle: address issue where action toggle and label were not aligned, closes #7743869
  • [component] Toggle: address issue where :hover UX was pointer on disabled nodes, closes #7804106
  • [component] Universal footer: fixes an issue with line wrapping in universal footer on iPad, closes #7979571
  • [component] Universal footer: adds background color, closes #8027314
  • [component] Universal footer: fixes column shifting at vp3 to be 3x3, closes #8027368
  • [component] Universal footer: fixes an issue with text wrapping in copyright and region area at smaller breakpoints, closes #8027377
  • [component] Universal footer: fixes an issue with the overall positioning and adds a top margin, closes #8141625
  • [component] Universal header: fixes an issue with the shopping cart not being vertically aligned in smaller VPs, closes #8013834
  • [component] Universal header: fixes an issue with aria-label not being needed in the paddles for category level, closes #7898673
  • [component] Universal header: removes underline on hover for global and category parent links, closes #8026550
  • [component] Universal header: removes menu bottom underline for default menu with category branding (migration header), closes #8026576
  • [component] Universal header: changes link color to be lighter on default, closes #8026603
  • [component] Universal header: fixes search box mobile display overflow error, closes #8027408
  • [component] Universal header: fixes issue with search not showing when nav element is not present, closes #8112347
  • [component] Universal header: fixes issue with the after tag getting underlined on hover in Edge and IE browsers, closes #7914430
  • [component] Video: fixes an issue with video play glyph toggle on autoplay, closes #7927320
  • [component] Video: fixes an issue with video player's volume slider at vp1, closes #7477956
  • [module] Additional information: addresses layout issue where stacked items had too much space at mobile breakpoints, closes #7763386
  • [module] Alert: fixes an issue where f-fixed was missing from documentation on MODX, closes #8170038
  • [module] Compare chart: changes image tag display property to inline-block to fix IE alignment issues, closes #8012365
  • [module] Hero item: removes default background color; IE8 does not recognize the overriding gradient, closes #7842593
  • [module] Pagination: fixes issue where clicking outside element triggers events, closes #8038031
  • [module] Product placement item: fixes movie type code example/report to show rating stars, closes #8065024
  • [module] Product placement item: fixes broken data reference and adds code example, closes #8144238

Release Notes: 1.16.0

Fixed

  • [module] Compare chart: removes 'max-height' from image allowing any desired image size based on design, closes #9255441