Sass 拖动时请清空空间

我有一个简单的自定义拆分器，效果非常好。但是，我有一个小问题：

第一次我向下拖动拆分器，它会添加一个空白，之后我可以毫无问题地（向上或向下）拖动拆分器。谁能告诉我是什么导致了额外的空间问题？提前多谢

代码如下：

---

首先，您应该考虑使用<代码> clinTeItHe/<代码>而不是<代码> OffSETHEE >因为CSS高度是clinsith-min减号CSS Puths*，而<代码> OffSETHEE 还包括边框高度

clientHeight = content height + paddings

offsetHeight = clientHeight + borders height

现在你有两个选择

1） 将

clientHeight

与

框大小：边框框一起使用（填充物将包含在css高度中）

ts

ngOnInit() {
  this.height = parseInt(this.el.nativeElement.parentNode.clientHeight);
}

.textarea {
  box-sizing: border-box;
}

css

ngOnInit() {
  this.height = parseInt(this.el.nativeElement.parentNode.clientHeight);
}

.textarea {
  box-sizing: border-box;
}


2） 使用内容高度

ngOnInit() {
  const elem = this.el.nativeElement.parentNode;
  const computedStyle = getComputedStyle(elem);
  const paddingsHeight = parseFloat(computedStyle.paddingTop)
                                          + parseFloat(computedStyle.paddingBottom)
  this.height = parseFloat(elem.clientHeight) - paddingsHeight;
} 

<强> 
首先，您应该考虑使用<代码> clinTeeTe> <代码>，而不是<代码> OffSETHEE  >因为CSS高度是clinsith-min减号CSS p*，而<代码> OffSETHEE 还包括边框高度
clientHeight = content height + paddings

offsetHeight = clientHeight + borders height

现在你有两个选择

1） 将
clientHeight
与
框大小：边框框一起使用（填充物将包含在css高度中）

ts

ngOnInit() {
  this.height = parseInt(this.el.nativeElement.parentNode.clientHeight);
}

.textarea {
  box-sizing: border-box;
}

css

ngOnInit() {
  this.height = parseInt(this.el.nativeElement.parentNode.clientHeight);
}

.textarea {
  box-sizing: border-box;
}


2） 使用内容高度

ngOnInit() {
  const elem = this.el.nativeElement.parentNode;
  const computedStyle = getComputedStyle(elem);
  const paddingsHeight = parseFloat(computedStyle.paddingTop)
                                          + parseFloat(computedStyle.paddingBottom)
  this.height = parseFloat(elem.clientHeight) - paddingsHeight;
}