ElemeFE / ElemeFE/element

[Bug Report] el-input prefix/suffix is displayed at wrong position when used with append/prepend slot.

Open
#19,323 2 comments 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.0

### OS/Browsers version
macOS Catalina / Google Chrome 81

### Vue version
2.6.11

### Reproduction Link
https://codepen.io/POPOPON/pen/bGVYgpG?editors=1010

### Steps to reproduce
Use el-input prefix and append slots simultaneously.

### What is Expected?
prefix/suffix are always centered.

### What is actually happening?
prefix/suffix is displayed at the top of the input when used with append/prepend

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the provided CodePen reproduction and inspect the el-input implementation for prefix/suffix elements when append or prepend slots are also present. Done means the prefix and suffix remain vertically centered in the input in that combined-slot case, while the existing input behavior continues to work.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.