【问题标题】:Make Input Suggestion Controls move with Input使输入建议控件随输入一起移动
【发布时间】:2019-08-06 08:20:44
【问题描述】:

希望这个标题对正在发生的事情有意义。

我在这里有一个CodeSandox 供大家查看。

当用户关注输入时,我有一个隐藏的 div。

当这种情况发生时(至少对我而言),输入会转到父 div 的顶部,但浏览器建议的输入元素(在本例中为电子邮件地址)会停留在元素以前的位置。

是否可以以任何方式调整建议元素以使其跟随输入的位置?

【问题讨论】:

  • 我看不到任何建议框
  • @XenioGracias 这只是在 Chrome 中发生在我身上,如果有帮助吗?
  • 你把高度设为0。为什么不保持原来的高度?
  • @Mani 不是我的决定,在实际的应用程序中,有一些内容需要完全隐藏,包括它的高度,以便表单取代它。
  • 你不想让输入放在最前面??

标签: javascript css reactjs input


【解决方案1】:

CSS: 将输入和建议框放入容器中,然后将建议框的位置相对或绝对设置到容器中。

JS: 计算输入的位置,然后使用该数据设置建议框的位置。

【讨论】:

  • 我无法选择建议框,它实际上不是 DOM 的一部分,因为它没有在 CSS 中定义的类选择器
猜你喜欢
  • 2021-01-13
  • 2013-06-16
  • 2020-08-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-15
  • 1970-01-01
  • 2015-03-14
相关资源
最近更新 更多