Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The magnifying glass image and the CSS to display it seem to be missing from all the v4 e v5 themes. #68

Open
fulviocanducci opened this issue Jun 16, 2022 · 1 comment
Labels
enhancement New feature or request

Comments

@fulviocanducci
Copy link

Ref: select2/select2#4629 (comment)

I miss this feature too. The magnifying glass image and the CSS to display it seem to be missing from all the v4 themes. My workaround was to lift select2.png and select2x2.png from the v3 files and insert the following CSS into my application:

.select2-container--default .select2-search--dropdown .select2-search__field {
  background: url(select2.png) right top no-repeat;
  background-position: right -22px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
   .select2-container--default .select2-search--dropdown .select2-search__field {
      background-image: url(select2x2.png);
      background-repeat: no-repeat;
      background-size: 60px 40px;
      background-position: 100% -21px;
   }
}

select2
select2x2

I notice that some people have made their own themes that put the icon back. For example, this Yii2 integration:
http://demos.krajee.com/widget-details/select2

Originally posted by @rohanc in select2/select2#4629 (comment)

@apalfrey
Copy link
Owner

I can take a look at it, but I'll have to set it so that it's disabled by default. When it's implemented, all you'd have to do is enable it in _variables.scss and recompile the theme.

@apalfrey apalfrey added the enhancement New feature or request label Aug 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants