HTML页面 合并标签的问题【报Bug】

示例代码：

<div class="header">
<div class="logo">
<img src="images/小米logo.png">
</div>
<ul class="nav">
<li><a href="">Xiaomi手机</a></li>
<li><a href="">Redmi 红米</a></li>
<li><a href="">电视</a></li>
<li><a href="">笔记本</a></li>
<li><a href="">平板</a></li>
<li><a href="">家电</a></li>
<li><a href="">路由器</a></li>
<li><a href="">服务</a></li>
<li><a href="">社区</a></li></ul>
<input type="text" name="" class="search" value="" />
</div>

操作步骤：

1. html页面输入以下代码
   <div class="header">
   <div class="logo">
   <img src="images/小米logo.png">
   </div>
   <ul class="nav">
   <li><a href="">Xiaomi手机</a></li>
   <li><a href="">Redmi 红米</a></li>
   <li><a href="">电视</a></li>
   <li><a href="">笔记本</a></li>
   <li><a href="">平板</a></li>
   <li><a href="">家电</a></li>
   <li><a href="">路由器</a></li>
   <li><a href="">服务</a></li>
   <li><a href="">社区</a></li></ul>
   <input type="text" name="" class="search" value="" />
   </div>
2. 在ul标签前面使用 alt + -快捷键完成代码块合并

预期结果：

3.ul代码块合并

实际结果：

ul代码块合并,并且把input元素也合并了