Begin of the insertion<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Filter Form Component in Design</p></td><td class="op-uc-table--cell"><p class="op-uc-p">Filter form Component in Implementation</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/921869/content"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><img class="image_resized op-uc-image op-uc-image_inline" style="width:434px;" src="/api/v3/attachments/921870/content"></p><p class="op-uc-p"><br data-cke-filler="true"></p></td></tr></tbody></table></figure>End of the insertion Begin of the deletion ### Before filing a reportEnd of the deletion

Begin of the insertionSome things thatEnd of the insertion Begin of the deletion _Before you file a report, please ensure youEnd of the deletion are Begin of the insertionnoticed:End of the insertion Begin of the deletion running the latest version of OpenProject and_&nbsp;
_have searched for similar bug reports._End of the deletion

Begin of the insertion* InEnd of the insertion Begin of the deletion ### Steps to reproduce

_Please write downEnd of the deletion the Begin of the insertionreal implementation filter fieldsEnd of the insertion Begin of the deletion steps to reproduce. Try to write down all necessary preconditions (what permissions do you have,End of the deletion are Begin of the insertionadded alphabetically, soEnd of the insertion Begin of the deletion other users involved?). Example:_

1. Login as a user with permissions to manage members in project A

2. Go toEnd of the deletion the Begin of the insertionstate thatEnd of the insertion Begin of the deletion members page

3. Click on &quot;Add new member&quot;

4. Type the following string: &quot;foo@example.org&quot;


### WhatEnd of the deletion is Begin of the insertioninEnd of the insertion the Begin of the insertionmockups (with Quarter after Type) cannot be created. Maybe reconsider ifEnd of the insertion Begin of the deletion buggy behavior?

_Please describeEnd of the deletion the Begin of the insertionfilters should be insert ordered. But I guess this is just an oversightEnd of the insertion Begin of the deletion bugEnd of the deletion in Begin of the insertionthe design and can be ignored

End of the insertion Begin of the deletion as much detail as possible. Example:_

End of the deletion * The Begin of the insertionmockups use the trash icon in danger color, the implementation usesEnd of the insertion Begin of the deletion button to inviteEnd of the deletion a Begin of the insertiongrey x buttonEnd of the insertion Begin of the deletion member did not workEnd of the deletion

* There Begin of the deletion was an error notification shown with the message &quot;XYZ&quot;


### WhatEnd of the deletion is Begin of the deletion the expected behavior?

_Describe how the application should behave like. Example:_

1. The application should invite the new user with the selected role

2. An email should have been sent to that user


### Important note

_Please note that unless you areEnd of the deletion a Begin of the insertionline above theEnd of the insertion Begin of the deletion contributor to OpenProject, you can no longer edit this bug report after saving. You can stillEnd of the deletion add Begin of the insertionfilter,End of the insertion Begin of the deletion new comments, new images and upload attachments though, but updating description or modifying fields will not be possible after saving. Please make sureEnd of the deletion that Begin of the insertionis notEnd of the insertion Begin of the deletion all necessary information and attachments are added, and the following attributes are set:_

### **Logs**

_Are there errorsEnd of the deletion in the Begin of the insertionmockupsEnd of the insertion Begin of the deletion browser console? (_[_Click here for information on how to open your browser&#39;s console_](https://webmasters.stackexchange.com/a/77337)_) For a local installation: Are there relevant logs output by_ `_openproject logs_` _(packaged installation) (_[_click here for details_](https://docs.openproject.org/installation-and-operations/operation/monitoring/#show-logs)_) or in a log/production.log or /var/log/openproject/ ? Please attach error output in these log files if applicable_

### Screenshots and other files

_If you have screenshots of the application&#39;s bug behavior or other relevant files, please drag them into this place or attach them using the &quot;Files&quot; section._

### Environment information

_Please check and fill out the following details to help us identify in what versions and distributions of OpenProject the error occurs_

**OpenProject installation type**

* Hosted cloud editionEnd of the deletion

* Begin of the insertionThere is some extra space above the first filterEnd of the insertion Begin of the deletion Packaged installation

* What distribution?

* Docker All-in-one containerEnd of the deletion

* Begin of the insertionThe different styling in the autocompleter, but I think this is just how our ng-selects areEnd of the insertion Begin of the deletion Docker-compose installationEnd of the deletion

* Begin of the insertionSome filters doEnd of the insertion Begin of the deletion Other (please specify)


**OpenProject version**

_If you&#39;reEnd of the deletion not Begin of the insertionspanEnd of the insertion Begin of the deletion running onEnd of the deletion the Begin of the insertionentire widthEnd of the insertion Begin of the deletion cloud edition, please specify the versionEnd of the deletion of Begin of the deletion OpenProject you&#39;re running. Example: v12.1.5_

**Browser**

* [ ] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)

**Operating System**

* [ ] Windows
* [ ] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)

**Language**

_Please specifyEnd of the deletion the Begin of the insertionform, i.e. this one:
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/921871/content">


Mir also pointed out duringEnd of the insertion Begin of the deletion browser language andEnd of the deletion the Begin of the insertionreview of&nbsp;<mention class="mention" data-id="74141" data-type="work_package" data-text="##OP-19221" data-display-id="OP-19221">##OP-19221</mention> that it feels a bit odd thatEnd of the insertion Begin of the deletion language ofEnd of the deletion the Begin of the insertionfield to add a new filter is just another form element. Maybe we can think about switching this Behavior to an `Add Filter` action button whereEnd of the insertion Begin of the deletion OpenProject user for whichEnd of the deletion the Begin of the insertionfilters are shown in a menu instead of the select. Maybe we can iterate that with design.End of the insertion Begin of the deletion bug occurred._End of the deletion