vitalets / angular-xeditable

Edit in place for AngularJS
http://vitalets.github.io/angular-xeditable
MIT License
1.91k stars 402 forks source link

popover=true attribute conflicts with Popover API #786

Open szmalec opened 1 year ago

szmalec commented 1 year ago

@vitalets It seems that "Editable ui-bootstrap Popover" does not work in Chrome 114.0.5735.91 - probably due to new Popover API (see also here)... It's just that the popover=true attribute conflicts with the attribute of this new Chrome API... In Chrome Developer Tools we can see that <a ... popover="true">...</a> has additional user agent stylesheet applied:

[popover]:not(:popover-open):not(dialog[open]) {
    display: none;
}
[popover] {
    position: fixed;
    width: fit-content;
    height: fit-content;
    color: canvastext;
    background-color: canvas;
    inset: 0px;
    margin: auto;
    border-width: initial;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 0.25em;
    overflow: auto;
}

Is there any chance to solve this problem in angular-xeditable? Regards!

jgordon-pepper commented 1 year ago

Just hit this too. Fun