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

ClassName not working #202

Closed
2 of 7 tasks
fdg1370 opened this issue Feb 3, 2024 · 2 comments
Closed
2 of 7 tasks

ClassName not working #202

fdg1370 opened this issue Feb 3, 2024 · 2 comments
Labels
bug Undesired behavior caused by this plugin

Comments

@fdg1370
Copy link

fdg1370 commented Feb 3, 2024

Please fill out these Check-boxes

  • I checked that the plugin is up to date
  • The issue persist with all other plugins and themes disabled

This Issue Occurs on

  • Windows
  • Linux
  • macOS
  • Android
  • iOS

Plugin Version

0.11.0

Describe the Issue

ClassName, mb-search-input, not operating as expected. Class mb-search-input is located custom.css. This works in version 0.05.0. In version 0.11.0, using the following code: INPUT[text(class(mb-search-input)):SearchInput] does not produce the correct result.

Steps to Reproduce

  1. INPUT[text(class(mb-search-input)):SearchInput]
  2. In version 0.05.0 the html code is:
<div class="block-language-meta-bind mb-input mb-input-block"> 
	<div class="meta-bind-plugin-input-wrapper">
		<input type-"text" spellcheck="false" class="mb-search-input>
	</div>
</div>
  1. In version 0.11.0 the html code is:
<div class="block-language-meta-bind mb-input mb-input-block"> 
	<div class="mb-input-wrapper mb-search-input">
		<input type="text" tabindex="0"' placeholder="Text">
	</div> 
</div>
  1. The ClassName, mb-search-input, is in the wrong location for version 0.11.0

Expected Behavior

For INPUT[text(class(mb-search-input)):SearchInput], I expect the html code to be:

@fdg1370 fdg1370 added the bug Undesired behavior caused by this plugin label Feb 3, 2024
@mProjectsCode
Copy link
Owner

This is intended. For consistency, the class name is always on the wrapper.
You will need to change your snippet to something like this.

.mb-search-input > input {
  /* rules go here */
}

@fdg1370
Copy link
Author

fdg1370 commented Feb 3, 2024

Thank you for your quick response. I made the change to the snippet and it worked.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Undesired behavior caused by this plugin
Projects
None yet
Development

No branches or pull requests

2 participants