search

PolymerElements / gold-cc-input

An input element that only allows credit card numbers
https://webcomponents.org/element/PolymerElements/gold-cc-input
13 stars 23 forks source link

.container class name conflict with bootstrap #50

Open gusdecool opened 8 years ago

gusdecool commented 8 years ago

Description

gold-cc-input gold-cc-expiration-input gold-cc-cvc-input

conflict with bootstrap .container class make the input field appear too long

Expected outcome

The class name should prefixed with element name, e.g: .gold-cc-input-container

Actual outcome

The input field is too long following container width in bootstrap

Live Demo

didn't have live demo

Steps to reproduce

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <gold-cc-input></gold-cc-input>
        </div>
    </div>
</div>

Browsers Affected

notwaldorf commented 8 years ago

This is a limitation of the shady DOM shim -- in real shadow dom world, the style would be encapsulated, and this wouldn't happen.

Would you be interested in sending a PR to fix this in the meantime?