Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

String `:style` notation not working in `<b-col>` (at least)

See original GitHub issue

Describe the bug

In <b-col> components (at least), the :style attribute is limited to object notation. This might be the case with more Bootstrap Vue components but it should be considered a bug, since it’s a clear limitation from :style normal behavior on Vue components.

Steps to reproduce the bug

Please see this question and this answer.

Expected behavior

String :style properties passed to Bootstrap Vue components should apply correctly.

Versions

Libraries:

BootstrapVue: 2.0.0-rc.22
Bootstrap: 4.3.1
Vue: 2.6.10

Environment:

Device: [MacBook Pro]
OS: [Windows 10]
Browser: [Chrome]
Version: [74.0.3729.169]

It should be expected this bug is Bootstrap Vue specific and would be encountered across any device + OS + browser combo.

Demo link

https://stackoverflow.com/questions/56401806/how-to-bind-custom-style-in-b-col-bootstrap-vue-element

Issue Analytics

State:
Created 4 years ago
Comments:15 (15 by maintainers)

Top GitHub Comments

2reactions

tmorehousecommented, Jun 1, 2019

I will create an issue on Vue, re: passing an array of styles which has an entry which is a string.

2reactions

alexsasharegancommented, Jun 1, 2019

Handled in 3.0.1

https://github.com/alexsasharegan/vue-functional-data-merge/blob/master/__test__/array-merge.test.ts#L13

Top Results From Across the Web

Python String Formatting Best Practices

Python String Formatting Best Practices · #1 “Old Style” String Formatting (% Operator) · #2 “New Style” String Formatting (str.format) · #3 String...

string — Common string operations — Python 3.11.1 ...

The concatenation of the ascii_lowercase and ascii_uppercase constants described below. This value is not locale-dependent. string.ascii_lowercase¶. The ...

list-style-type - CSS: Cascading Style Sheets - MDN Web Docs

The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.

Working with Cell Notation — XlsxWriter Documentation

Convert a zero indexed row and column cell reference to a A1 style string. Parameters: row (int) – The cell row. col (int)...

10 Most Common Mistakes That PHP Developers Make - Toptal

The problem is that, if you're not careful, this can also have some ... After the loop completes, therefore, $value still points to...