Comments (3)
Can you checkout this example, which is using column layout. It shows up fine on my end, is it breaking on your side ?
Can you share the following info
- RapiDoc Version you are using
- Browser and its Version
- OS and Screen Resolution
- Are you using JavaScript to change the attribute ? or directly passing it in the element
from rapidoc.
https://rapidocweb.com/example4.html renders correctly for me - I can see the example and model responses.
I've investigated a bit more, and the problem shows when the first tag in the page is <html>
. Your exmaple4 starts with <!doctype html>
.
I see the problem with this HTML:
<html>
<head>
<meta charset="utf-8"> <!-- Important: The Custom element uses utf8 charecters -->
<script src="https://unpkg.com/rapidoc/dist/rapidoc-min.js"></script>
</head>
<body>
<rapi-doc
spec-url="https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
layout="column"
></rapi-doc>
</body>
</html>
And not with this HTML:
<!doctype html>
<head>
<meta charset="utf-8"> <!-- Important: The Custom element uses utf8 charecters -->
<script src="https://unpkg.com/rapidoc/dist/rapidoc-min.js"></script>
</head>
<body>
<rapi-doc
spec-url="https://api.apis.guru/v2/specs/bitbucket.org/2.0/swagger.json"
layout="column"
></rapi-doc>
</body>
</html>
I can replicate the problem with example4.html too, by changing the opening tag to be <html>
instead of <!doctype html>
from rapidoc.
oh I c, thank-you for investigating and finding the cause
from rapidoc.
Related Issues (20)
- Field column for schema-style = "table" is too narrow drops name completely when collapsed
- Provide support for encoded (Content-Disposition) header
- Links part
- Array input examples ignore global fill-request-fields-with-example setting HOT 1
- Feature Request: Ability to Sort Properties HOT 1
- Authentication should hide token inputs when TRY is disabled
- Unable to grab js file from unpkg HOT 2
- No indication of which properties are required within a request body schema
- Schema tab should be shown before examples tab when schema is default
- Action buttons below request body table should only be shown when examples tab selected
- Content type should be indicated in consistent place for request body and response HOT 2
- Scroll Y Offset when scrolling to element
- Don't use description for sidebar title? HOT 1
- Font rendering is different in examples HOT 2
- Hard to distinguish between Basic Auth and Bearer auth HOT 1
- Clicking Auth end-point button fail to scroll to Auth section
- Trailing / added to curl examples HOT 1
- null example value leads to incorrect example JSON
- Retain auth on browser refresh HOT 4
- In 'focused' view, components still show up all on one page, causes hang HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rapidoc.