Modify select2 (https://select2.org/) component (CCS)
Budget: $10 – $30 USD
The project is about to modify the select2 component and apply these modification only to some select2 components on a page. Other select2 components should not be modified.
The solution should include:
1) Apply the CCS file (ForSelectNR2andNR3.css) to only select NR2 and select NR3. Select NR1 should take the configuration from the base (select2.min.css). The layout for the select NR2 and NR3 should be as it is in the example.
2) Keep the distance between the select NR2 and select NR3 (and other elements below select NR3) when options are selected in select NR2. With the example code, select NR3 is not moved down when options are selected in select NR2. The same with select NR3, keep the distance to other elements below select NR3 when options are selected in select NR3.
3) A description what has been changed and added.
I added the code that should be modified.
The solution should include:
1) Apply the CCS file (ForSelectNR2andNR3.css) to only select NR2 and select NR3. Select NR1 should take the configuration from the base (select2.min.css). The layout for the select NR2 and NR3 should be as it is in the example.
2) Keep the distance between the select NR2 and select NR3 (and other elements below select NR3) when options are selected in select NR2. With the example code, select NR3 is not moved down when options are selected in select NR2. The same with select NR3, keep the distance to other elements below select NR3 when options are selected in select NR3.
3) A description what has been changed and added.
I added the code that should be modified.