Improve text overflow for MenuItem and AnchorLink, close #3712

components/anchor/AnchorLink.tsx

@@ -82,6 +82,7 @@ export default class AnchorLink extends React.Component<AnchorLinkProps, any> {
           className={`${prefixCls}-link-title`}
           onClick={this.scrollTo}
           href={href}
+          title={typeof title === 'string' ? title : ''}
         >
           {title}
         </a>

components/anchor/style/index.less

@@ -54,6 +54,9 @@
       position: relative;
       transition: all .3s;
       color: @text-color;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
 
     &-active > &-title {

components/menu/style/index.less

@@ -278,6 +278,8 @@
       font-size: @font-size-base;
       line-height: 42px;
       height: 42px;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
   }