balmjs / balm-ui

:diamonds: A modular and customizable UI library based on Material Design and Vue

Home Page:https://material.balmjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Text Field questions in password type.

ltxhhz opened this issue · comments

Development Relevant Information:

  • BalmUI version: 9.41.0✨
  • Browser: Microsoft Edge 版本 97.0.1072.76 (官方内部版本) (64 位)
  • Operating System: Windows 10 pro

Description:

  1. The button that shows the plaintext seems to only appear when the text field is empty, I don't know if that's what you planned, but I would like to be able to show the button when the text field is empty, or add an option for this, if not, that's fine. GIF demo
  2. I want that effect
    image
    But if I write it this way, it doesn't seem to work.
    image
    image
    image
    I don't know what went wrong.

Steps To Reproduce:

n/a

Great library, by the way. 👍
Happy New Year.

In the second question, I seem to have found the problem. It seems that the only way to avoid error is to keep the two tags adjacent.
image
image
image
image

Hi @ltxhhz ,

Yes, you are right. No other tags can be inserted between <ui-textfield> and <ui-textfield-helper> with counter, which is how the MDC web is currently designed

Thank you very much for your issue. I will optimize the <ui-textfield-helper> with counter hints

Happy Lunar New Year. 🐯年大吉~

UI新版本以及文档都已经更新完毕!再次感谢支持BalmUI :)

@elf-mouse 您好,感谢回复和更新,但这个议题还有第一个问题没有解答:密码文本域只有第一次聚焦输入才会显示右侧“显示密码”的按钮。
请问这个确实是这样设计的吗?
如果是这样就可以关闭这个议题了。
再次感谢✨

问题1属于IE浏览器的默认行为,你可以使用 <input type="password"> 测试一波就明白了

明白了,感谢大佬解惑🎉

问题1属于IE浏览器的默认行为,你可以使用 <input type="password"> 测试一波就明白了