Skip to content

Clicking Photo selected marker doesn't update Summary tab #68

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
mikehoffms opened this issue Jun 5, 2025 · 1 comment
Closed

Clicking Photo selected marker doesn't update Summary tab #68

mikehoffms opened this issue Jun 5, 2025 · 1 comment

Comments

@mikehoffms
Copy link
Contributor

mikehoffms commented Jun 5, 2025

https://microsoftedge.github.io/Demos/photo-gallery/

When click Photo selected marker, the Summary tab doesn't display "Photo selected". Clicking the other markers updates the Summary tab.

Image

Repro steps:

  1. Open the Photo Gallery demo webpage in a new window or tab.

    Or, to be able to modify the sample code:

    1. Clone the "MicrosoftEdge / Demos" repo, per Clone the Edge Demos repo to your drive.
    2. Start a localhost server in the cloned /demos/ directory, per Start the localhost server, in Sample code for DevTools.
    3. In the browser, go to http://localhost:8080/photo-gallery/ or equivalent, in a new window or tab.
  2. Right-click the webpage, and then select Inspect.

    DevTools opens.

  3. In DevTools, select the Performance (Performance icon) tool.

  4. Refresh the page, to clear any selections.

  5. Click the Record (Record icon) button.

  6. At the top of the demo page, in the Camera (Camera icon) dropdown menu on the left, change from All to Apple iPhone 12.

  7. Change the Camera filter back to All.

  8. Click the first photo.

    The photo expands.

  9. In DevTools, click the Stop button.

    The profile is displayed.

  10. Click Customize and control DevTools (Customize and control DevTools icon), and then next to Dock location, select Undock into separate window (Undock into separate window icon).

    DevTools is detached into its own window, so it's easier to see more data.

  11. Use the mouse and arrow keys to shift and zoom the profile, to display the custom performance measures.

    The Timings track displays Start filtering, Done filtering, and Photo loaded custom markers:

    Custom markers in the Timings track: "Filter Applied" and "Photo Loaded"

    The events (markers) created by performance.mark() have no duration; they just mark some interesting events in a profile: the start and end of a filter change (using the demo page's dropdown menus), and the moment a photo was selected (the Photo selected marker).

@captainbrosset
Copy link
Contributor

I'm fairly sure this is a DevTools bug, rather than a bug with the code of the demo. And since it also occurs in Chrome, I created https://issues.chromium.org/issues/424369233.
So, closing this. Let's re-open later if it turns out to be a problem with our source code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants