Footer: Edit My Links not working in Internet Explorer

[BradNailer]

Category

• Question
• Bug
• Enhancement

Expected or Desired Behavior

The Edit my links feature to open when clicked while using Internet Explorer 11. Is Internet Explorer supported with the SP Starter Kit?

Observed Behavior

When the Edit link is clicked a small white rectangle is shown, the screen goes grey for a second, and the Edit my Links window does not appear.

Also, there is a graphical fault in the the footer area that only appears with using IE. Shown below:

Steps to Reproduce

Try to click Edit in the footer when using Internet Explorer.

Thanks for you time.

[PaulMac66]

Hi Brad.

Did you ever resolve this issue? I am having the same trouble.

[BradNailer]

Sorry Paul I have not been able to solve this as of yet. Thanks

…

________________________________ From: Paul McMillan <notifications@github.com> Sent: Tuesday, July 31, 2018 5:53:47 AM To: SharePoint/sp-starter-kit Cc: MacDonald, Ryan; Author Subject: Re: [SharePoint/sp-starter-kit] Footer: Edit My Links not working in Internet Explorer (#102) Hi Brad. Did you ever resolve this issue? I am having the same trouble. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#102 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AnkL0b6Y2miyuu3xRT6nDFxczvQZKARYks5uMFNZgaJpZM4VbQqm>.

[groveale]

I've got a fix for the graphical issue. If you update the .toggleButton css class in PortalFooter.module.scss

Change the background-color: inherit to background-color: transparent

Still working on edit button click.

Thanks

[mschaefer85]

Experiencing the same issue, unfortunately. The dialog opens, but closed immediately.

[nhadro]

Has anyone been able to resolve this issue?

[trevorhuinker]

Has anyone been able to resolve this issue?

Same here... does anyone have an update? @VesaJuvonen

[Laskewitz]

Not working for me either. Would be great to have a solution for this.

[simonagren]

These are the steps I had to make with the newest version of the starterkit.

What was breaking when pressing "Edit" was the usage of new Event, which doesn't work in IE.
So I changed that code.

1. Go to this solution\src\common\myLinks\MyLinksDialog.tsx
   And on line 108 change:

window.dispatchEvent(new Event('resize'));

To:

let resizeEvent = window.document.createEvent('UIEvents'); 
resizeEvent.initUIEvent('resize', true, false, window, 0); 
window.dispatchEvent(resizeEvent); 

2. Save and then run in Node:
   gulp bundle --ship && gulp package-solution --ship

3. Then go to you app catalog and manually upload and deploy the new package located:
   sp-starter-kit\solution\sharepoint\solution

[simonagren]

@VesaJuvonen How do you feel about supporting IE11?
Is this something I should further investigare regarding the footer and make a PR?