Skip to content
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

Formatting issues with Tabs #5735

Open
lzdanski opened this issue Jan 23, 2025 · 0 comments
Open

Formatting issues with Tabs #5735

lzdanski opened this issue Jan 23, 2025 · 0 comments
Labels
bug Issues reporting bugs. product/docs Fern Docs which builds and hosts a developer documentation site

Comments

@lzdanski
Copy link

CLI Version (from fern.config.json)

0.46.3

Minimal API Specification

This is in docs and not generated from the API spec. Here's an example file:

---
title: Tabs and headers
description: Headers repeat in TOC between tabs
slug: tabs-headers
---

## The first phase
Process for different OS's; A, B, and C
<Tabs>
<Tab title="A tab">
A tab
### First step a

### Second step A

### Third step a
</Tab>
<Tab title="B tab">
B tab
### first step B

### second step b

### third step b
</Tab>
<Tab title="C tab">
C tab

### first step c

### second step c

### third step c
</Tab>
</Tabs>

## The second phase

<Tabs>
<Tab title="A tab">
A tab
### First step a

### Second step A

### Third step a
</Tab>
<Tab title="B tab">
B tab
### first step B

### second step b

### third step b
</Tab>
<Tab title="C tab">
C tab

### first step c

### second step c

### third step c
</Tab>
</Tabs>

Actual UI Behavior

Image

Expected UI Behavior

Would expect the autogenerated TOC to change depending on which tab is open.

## The first phase
### 1. Tab A
### 2. Tab A
### 3. Tab A

## The Second phase
### 1. Tab A
### 2. Tab A
### 3. Tab A

This is something most react.js docs frameworks really struggle with. The previous behavior is the ideal one, but the following would be an acceptable fix. It requires that all tabs have the same headers in each.

## The first phase
### 1. Same header for all tabs
### 2. Same header for all tabs
### 3. Same header for all tabs

## Second phase
### 1. Same header for all tabs
### 2. Same header for all tabs
### 3. Same header for all tabs

Steps to Reproduce

Build the included .mdx file using Fern

Environment Details

No response

@lzdanski lzdanski added bug Issues reporting bugs. product/docs Fern Docs which builds and hosts a developer documentation site labels Jan 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Issues reporting bugs. product/docs Fern Docs which builds and hosts a developer documentation site
Development

No branches or pull requests

1 participant