[Bug]: Styling is off when using dropdownParent

[AzzaAzza69]

Bug description

Using the plugin "dropdown_input" and setting dropdownParent, the styling is off due to assuming same parent:

~271 the line:
.plugin-dropdown_input.focus .ts-dropdown .dropdown-input {
should be:
.plugin-dropdown_input .dropdown-input {

~504 the line:
.focus .ts-control {
should be:
.ts-control {

There may be some others but this is all I've spotted so far...

Expected behavior

The styling should apply regardless of configured options

Steps to reproduce

Create a select, using the plugins: ["dropdown_input"] and setting dropdownParent: 'body'.

Additional context

• OS: n/a
• Browser: n/a
• Version: 2.4.3
• Device: n/a

[xJuvi]

Hey there,
can u show us a screenshot or a demo f.e. via Codepen.io?

Kind regards

[AzzaAzza69]

Without dropdownParent being set, see the filter box is blue:

With the dropdownParent being set, see the filter box is just a black outline:

[xJuvi]

I can reproduce this.
But your suggestion is incomplete I think.
To remove all the css classes from the ts-wrapper, also the .focus classes can involve some side effects. We should Take a deeper look into and find a more complete way.

[AzzaAzza69]

I agree...maybe the .focus should be duplicated onto either the .ts-control or the .dropdown-input so the styling can be applied when the control is outside of the regular parent?