Semantic-UI-React icon indicating copy to clipboard operation
Semantic-UI-React copied to clipboard

Icon is not working when using multiple action

Open sunjeen opened this issue 2 years ago • 1 comments

Bug Report

Steps

  1. use this example's code to import input component const options = [ { key: 'all', text: 'All', value: 'all' }, { key: 'articles', text: 'Articles', value: 'articles' }, { key: 'products', text: 'Products', value: 'products' }, ]

const InputExampleActions = () => ( <Input type='text' placeholder='Search...' action icon={<Icon link name={'search'} />} iconPosition='left'

<input />
<Select compact options={options} defaultValue='articles' />
<Button type='submit'>Search</Button>
)

Expected Result

after added icon, it should appear as expected

Actual Result

With added multiple action , the Icon props is not working

Version

2.1.4

Testcase

https://codesandbox.io/s/semantic-ui-react-forked-f5wyu1

sunjeen avatar Mar 03 '23 15:03 sunjeen

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

welcome[bot] avatar Mar 03 '23 15:03 welcome[bot]