Skip to content

Potentially Making the Audio Canvas Sticky #2

@markpbaggett

Description

@markpbaggett

Hi @edsu, I was pulling this into another project via npm and wanted to sticky the audio player so that it's available as you scroll down. Unfortunately, I haven't figured out how to do this without running into shadow DOM issues. I was curious if you have thoughts about this or perhaps adding something like this to the WhisperTranscript class:

    .media {
      position: sticky;
      top: 0;
      background-color: #fff;
      z-index: 10;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

Thanks in advance for your thoughts. This really is a nice tool.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions