I am working on a multiselect option with jQuery UI Multiselect. The items are all inside a jQuery UI accordion. On selecting items the UI is getting updated, and code is written for persisting the selection even if we switch to another panel in Accordion. Everything works fine in FF, Chrome, IE8, IE10 but not in IE9.
After debugging and comparing in IE Dev tools I found the following -
When I log inner html of select element in Dev Tools with
console.log(selectElement.html())
I am getting the "selected" attribute in IE9. And, when I want to remove "selected" attribute for each item manually like -
item.removeAttr("selected")
it shows error as undefined.
So, is there any issue with selected attribute in IE9?
Still couldn't figure out the exact reason and fix. But, resolved it through adding another attribute to tags.
If any one has any idea about this please post your thoughts.
Related
CodeSandbox demonstrating issue
I'm building a menu using Custom Elements. It works fine for keyboard and mouse users, but I noticed an issue when testing with a screenreader: all of my menuitems have no labels. You can see this in the Accessibility Inspector:
Each menuitem is essentially a custom element with a <slot> and some styling—that's it. When not using web components, if one does this:
<button role="menuitem">Foo</button>
Then the Chrome accessibility inspector will show "menuitem: 'Foo'" because it infers the name from the contents. With web components, this isn't the case—Chrome is showing no name. Here's a side-by-side comparison when I use the accessibility inspector inside the CodeSandbox I shared above.
Firefox and Safari both successfully infer the name of these menuitems. Chromium-based browsers are not. Is this a Chrome bug? Are the other browsers just working by coincidence? Is there anything I can do here? I'm really trying to avoid weird stuff where I pull the slot's innerText and add it to an aria-label or something.
I've created a sample Angular app where I added only an input control to the view. In my project, I created my own file-uploader component.
I'm able to drag and drop the file in Chrome but cannot do the same thing in Edge or IE11. I've read this and there was a ticket to add such functionality to Edge. The ticket is marked as completed however the thing still doesn't work for me and based on the comments I'm not the only person. IE11 is a different story so I need some solution which would work for both browsers.
Is there any smart workaround to this problem in Angular?
HTML input type=“file” drag and drop don't work in Edge and IE11?
I guess problem is in the polyfills.ts file.
Here have resolved the issue. Here's a link Working smaple
I hope this will help.
When I use a Select2 Multiple (with data loaded from the server during initialization), it always shows the underlying HTML multiline component, then the Select2 takes its final state. It's a weird, annoying and visible effect. If I don't use the "multiple" option, everything is fine -- check the video..
https://youtu.be/Yl5KlT4QWq8
I'm using the latest version of the component, with Bootstrap 4. The same happens in FF, Edge, Safari
Any ideas?
I've found a solution: remove the multiple="multiple" in the HTML element, and specifying "mutiple: true" in the Select2 setup call.
I have a very very weird bug. In Google Chrome everything is OK, only IE has this problem.
I use an AngularJS and ui-select component to create a multiple selects.
In IE, when I click into text input element, I can't type anything and even placeholder is not removed.
But when I click to URL address bar or click somewhere into DOM in Developer Tools (after hitting F12) first and then I click into that input, it normally works and I can write into input to filter options.
I tried a lot of with focus/blur, but nothing helps me. Please, did someone have similar problem?
Code:
Turns to:
We are trying to get jCarousel work in IE (ver 11) but cant find out how...
When you go to http://cis.gefco-czech.cz/ you can see the first image (or other images) are cut in the middle and right side is white. When this image is shown again, after all slides were shown, this image is magically showing as it is supposed to be.
Do you have any suggestion how to fix this bug?
It works perfect in chrome and safari...
you have markup errors... (validator.w3.org/nu )
first set up ie to record scripting and markup errors.
Tools>Internet Options>Advanced tab, check "Always record developer console messages".... save changes.... Now you can open your dev tool in IE and the Console tab will list otherwise suppressed error messages.
HTML1300: Navigation occurred.
cis.gefco-czech.cz
HTML1423: Malformed start tag. Attributes should be separated by whitespace.
Put a space between the id and class attribute. eg. sb id="123" class="someclass" not
id="123"class="someclass"