Bootstrap Business: In search form close icon is missing

Created on 30 September 2021, about 3 years ago
Updated 24 July 2023, over 1 year ago

Problem/Motivation

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

RTBC

Version

1.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇮🇳India ravi kant Jaipur

    @shweta__sharma
    Some styles are conflicting but if you will write below code in your local.css file then issue is solving. Check attached image which is result of after apply this code.

    input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none;
       height: 14px;
       width: 14px;
       display: block;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
      background-repeat: no-repeat;
      background-size: 14px;
    }
  • Status changed to Needs review over 1 year ago
  • Assigned to Jay Jangid
  • Issue was unassigned.
  • 🇮🇳India Jay Jangid

    Hi @ravi kant thanks for providing a solution.
    I have created a patch as per your code suggestion.
    After applying the above code issue gets resolved.
    See screenshots for references.
    Thank you.

  • 🇮🇳India snehal-chibde

    hello, taking this up for review.

  • Status changed to RTBC over 1 year ago
  • Verified the #5 patch on 9.5.8, the close icon on search is added. Added screenshots for reference, RTBC++

Production build 0.71.5 2024