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

b-input-group: prepend-html not working, but prependHTML does #3565

Closed
fritzfr opened this issue Jun 25, 2019 · 2 comments · Fixed by #3567
Closed

b-input-group: prepend-html not working, but prependHTML does #3565

fritzfr opened this issue Jun 25, 2019 · 2 comments · Fixed by #3567

Comments

@fritzfr
Copy link

fritzfr commented Jun 25, 2019

Describe the bug

If I use prepend-html on my b-input-group it does not show any prepended content. However prependHTML does work.

Steps to reproduce the bug

Does work:

			<b-input-group
				size="sm"
				:prependHTML="getPrependHTML('Title')">
				<b-input
					v-model="title"
					type="text" />
			</b-input-group>

image

Does not work:

			<b-input-group
				size="sm"
				:prepend-html="getPrependHTML('Title')">
				<b-input
					v-model="title"
					type="text" />
			</b-input-group>

image

The function:

		getPrependHTML(value) {
			if (this.required) {
				return `${value} <h6 class="red inline mb-0">*</h6>`;
			}
			return value;
		},

Expected behavior

prepend-html as described in the docs should work.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.24,
@tmorehouse
Copy link
Member

I think I may know the issue... the series of capitals for HTML. Vue is probably making it prepend-h-t-m-l.

@tmorehouse
Copy link
Member

Version 2.0.0-rc.25 has been released.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants